@carbon/charts 0.50.4 → 0.50.8

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 (51) hide show
  1. package/CHANGELOG.md +38 -0
  2. package/build/demo/create-codesandbox.d.ts +6 -17
  3. package/build/{stories → demo}/utils.d.ts +7 -2
  4. package/build/src/services/essentials/dom-utils.d.ts +8 -1
  5. package/bundle.js +1 -1
  6. package/components/axes/ruler-binned.js +1 -1
  7. package/components/axes/ruler-binned.js.map +1 -1
  8. package/components/essentials/title-meter.js +1 -1
  9. package/components/essentials/title-meter.js.map +1 -1
  10. package/components/essentials/title.js +1 -1
  11. package/components/essentials/title.js.map +1 -1
  12. package/components/graphs/gauge.js +1 -1
  13. package/components/graphs/gauge.js.map +1 -1
  14. package/components/graphs/pie.js +1 -1
  15. package/components/graphs/pie.js.map +1 -1
  16. package/components/graphs/radar.js +3 -1
  17. package/components/graphs/radar.js.map +1 -1
  18. package/demo/create-codesandbox.d.ts +6 -17
  19. package/demo/create-codesandbox.js +11 -22
  20. package/demo/create-codesandbox.js.map +1 -1
  21. package/demo/data/bundle.js +1 -1
  22. package/demo/styles.css +1477 -88
  23. package/demo/styles.css.map +1 -1
  24. package/demo/styles.min.css +1 -1
  25. package/demo/styles.min.css.map +1 -1
  26. package/demo/tsconfig.tsbuildinfo +14 -2
  27. package/demo/utils.d.ts +24 -0
  28. package/demo/utils.js +169 -0
  29. package/demo/utils.js.map +1 -0
  30. package/package.json +1 -1
  31. package/services/essentials/dom-utils.d.ts +8 -1
  32. package/services/essentials/dom-utils.js +6 -0
  33. package/services/essentials/dom-utils.js.map +1 -1
  34. package/styles/components/_layout.scss +2 -0
  35. package/styles-g10.css +2 -0
  36. package/styles-g10.css.map +1 -1
  37. package/styles-g10.min.css +1 -1
  38. package/styles-g10.min.css.map +1 -1
  39. package/styles-g100.css +2 -0
  40. package/styles-g100.css.map +1 -1
  41. package/styles-g100.min.css +1 -1
  42. package/styles-g100.min.css.map +1 -1
  43. package/styles-g90.css +2 -0
  44. package/styles-g90.css.map +1 -1
  45. package/styles-g90.min.css +1 -1
  46. package/styles-g90.min.css.map +1 -1
  47. package/styles.css +2 -0
  48. package/styles.css.map +1 -1
  49. package/styles.min.css +1 -1
  50. package/styles.min.css.map +1 -1
  51. package/tsconfig.tsbuildinfo +8 -8
package/demo/styles.css CHANGED
@@ -9835,6 +9835,300 @@ th .bx--table-sort__flex {
9835
9835
  }
9836
9836
  }
9837
9837
 
9838
+ .bx--tile-group {
9839
+ box-sizing: border-box;
9840
+ padding: 0;
9841
+ border: 0;
9842
+ margin: 0;
9843
+ font-family: inherit;
9844
+ font-size: 100%;
9845
+ vertical-align: baseline;
9846
+ }
9847
+ .bx--tile-group *,
9848
+ .bx--tile-group *::before,
9849
+ .bx--tile-group *::after {
9850
+ box-sizing: inherit;
9851
+ }
9852
+
9853
+ .bx--tile {
9854
+ position: relative;
9855
+ display: block;
9856
+ min-width: 8rem;
9857
+ min-height: 4rem;
9858
+ padding: 1rem;
9859
+ background-color: #f4f4f4;
9860
+ outline: 2px solid transparent;
9861
+ outline-offset: -2px;
9862
+ }
9863
+ .bx--tile:focus {
9864
+ outline: 2px solid #0f62fe;
9865
+ outline-offset: -2px;
9866
+ }
9867
+ @media screen and (prefers-contrast) {
9868
+ .bx--tile:focus {
9869
+ outline-style: dotted;
9870
+ }
9871
+ }
9872
+
9873
+ .bx--tile--light {
9874
+ background-color: #ffffff;
9875
+ }
9876
+
9877
+ .bx--tile--clickable,
9878
+ .bx--tile--selectable,
9879
+ .bx--tile--expandable {
9880
+ cursor: pointer;
9881
+ transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
9882
+ }
9883
+ .bx--tile--clickable:hover,
9884
+ .bx--tile--selectable:hover,
9885
+ .bx--tile--expandable:hover {
9886
+ background: #e5e5e5;
9887
+ }
9888
+
9889
+ .bx--tile--expandable .bx--link {
9890
+ color: #0043ce;
9891
+ }
9892
+
9893
+ .bx--tile--clickable:focus,
9894
+ .bx--tile--expandable:focus {
9895
+ outline: 2px solid #0f62fe;
9896
+ outline-offset: -2px;
9897
+ }
9898
+ @media screen and (prefers-contrast) {
9899
+ .bx--tile--clickable:focus,
9900
+ .bx--tile--expandable:focus {
9901
+ outline-style: dotted;
9902
+ }
9903
+ }
9904
+ .bx--tile--clickable:hover .bx--tile__checkmark, .bx--tile--clickable:focus .bx--tile__checkmark,
9905
+ .bx--tile--expandable:hover .bx--tile__checkmark,
9906
+ .bx--tile--expandable:focus .bx--tile__checkmark {
9907
+ opacity: 1;
9908
+ }
9909
+
9910
+ .bx--tile--expandable::-moz-focus-inner {
9911
+ border: 0;
9912
+ }
9913
+
9914
+ .bx--tile--clickable {
9915
+ box-sizing: border-box;
9916
+ padding: 0;
9917
+ border: 0;
9918
+ margin: 0;
9919
+ font-family: inherit;
9920
+ font-size: 100%;
9921
+ vertical-align: baseline;
9922
+ font-size: 0.875rem;
9923
+ font-weight: 400;
9924
+ line-height: 1.29;
9925
+ letter-spacing: 0.16px;
9926
+ color: #161616;
9927
+ text-decoration: none;
9928
+ }
9929
+ .bx--tile--clickable *,
9930
+ .bx--tile--clickable *::before,
9931
+ .bx--tile--clickable *::after {
9932
+ box-sizing: inherit;
9933
+ }
9934
+
9935
+ .bx--tile--clickable:hover,
9936
+ .bx--tile--clickable:active,
9937
+ .bx--tile--clickable:visited,
9938
+ .bx--tile--clickable:visited:hover {
9939
+ color: #161616;
9940
+ text-decoration: none;
9941
+ }
9942
+
9943
+ .bx--tile--clickable.bx--link--disabled {
9944
+ color: #c6c6c6;
9945
+ }
9946
+
9947
+ .bx--tile--clickable:hover.bx--link--disabled {
9948
+ display: block;
9949
+ background-color: #f4f4f4;
9950
+ color: #c6c6c6;
9951
+ }
9952
+
9953
+ .bx--tile--selectable {
9954
+ padding-right: 3rem;
9955
+ border: 1px solid transparent;
9956
+ }
9957
+
9958
+ .bx--tile__checkmark,
9959
+ .bx--tile__chevron {
9960
+ position: absolute;
9961
+ border: none;
9962
+ background: transparent;
9963
+ transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
9964
+ }
9965
+
9966
+ .bx--tile__checkmark {
9967
+ top: 1rem;
9968
+ right: 1rem;
9969
+ height: 1rem;
9970
+ opacity: 0;
9971
+ }
9972
+ .bx--tile__checkmark svg {
9973
+ border-radius: 50%;
9974
+ fill: #525252;
9975
+ }
9976
+ .bx--tile__checkmark:focus {
9977
+ outline: 2px solid #0f62fe;
9978
+ outline-offset: -2px;
9979
+ }
9980
+ @media screen and (prefers-contrast) {
9981
+ .bx--tile__checkmark:focus {
9982
+ outline-style: dotted;
9983
+ }
9984
+ }
9985
+
9986
+ .bx--tile__checkmark--persistent {
9987
+ opacity: 1;
9988
+ }
9989
+
9990
+ .bx--tile__chevron {
9991
+ position: absolute;
9992
+ right: 1rem;
9993
+ bottom: 1rem;
9994
+ display: flex;
9995
+ height: 1rem;
9996
+ align-items: flex-end;
9997
+ }
9998
+ .bx--tile__chevron svg {
9999
+ margin-left: 0.5rem;
10000
+ fill: #161616;
10001
+ transform-origin: center;
10002
+ transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
10003
+ }
10004
+ @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {
10005
+ .bx--tile__chevron svg {
10006
+ fill: ButtonText;
10007
+ }
10008
+ }
10009
+ .bx--tile__chevron:hover {
10010
+ cursor: pointer;
10011
+ }
10012
+ .bx--tile__chevron:focus {
10013
+ outline: none;
10014
+ }
10015
+
10016
+ .bx--tile--expandable {
10017
+ overflow: hidden;
10018
+ width: 100%;
10019
+ border: 0;
10020
+ color: inherit;
10021
+ font-size: inherit;
10022
+ text-align: left;
10023
+ transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
10024
+ }
10025
+
10026
+ .bx--tile-content__above-the-fold {
10027
+ display: block;
10028
+ }
10029
+
10030
+ .bx--tile-content__below-the-fold {
10031
+ display: block;
10032
+ opacity: 0;
10033
+ transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9), visibility 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
10034
+ visibility: hidden;
10035
+ }
10036
+
10037
+ .bx--tile--is-expanded {
10038
+ overflow: visible;
10039
+ transition: max-height 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
10040
+ }
10041
+ .bx--tile--is-expanded .bx--tile__chevron svg {
10042
+ transform: rotate(180deg);
10043
+ }
10044
+ .bx--tile--is-expanded .bx--tile-content__below-the-fold {
10045
+ opacity: 1;
10046
+ transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9), visibility 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
10047
+ visibility: inherit;
10048
+ }
10049
+ @media not all and (min-resolution: 0.001dpcm) {
10050
+ @supports (-webkit-appearance: none) and (stroke-color: transparent) {
10051
+ .bx--tile--is-expanded .bx--tile-content__below-the-fold {
10052
+ overflow-y: auto;
10053
+ }
10054
+ }
10055
+ }
10056
+
10057
+ .bx--tile--is-selected {
10058
+ border: 1px solid #161616;
10059
+ }
10060
+
10061
+ .bx--tile--is-selected .bx--tile__checkmark {
10062
+ opacity: 1;
10063
+ }
10064
+
10065
+ .bx--tile--is-selected .bx--tile__checkmark svg {
10066
+ fill: #161616;
10067
+ }
10068
+ @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {
10069
+ .bx--tile--is-selected .bx--tile__checkmark svg {
10070
+ fill: ButtonText;
10071
+ }
10072
+ }
10073
+
10074
+ .bx--tile-input--checked + .bx--tile--is-selected {
10075
+ border-top: 1px solid #f4f4f4;
10076
+ }
10077
+
10078
+ .bx--tile:not(.bx--tile--is-selected) + .bx--tile-input--checked + .bx--tile--is-selected {
10079
+ border-top: 1px solid #161616;
10080
+ }
10081
+
10082
+ .bx--tile-input--checked:first-of-type + .bx--tile--is-selected {
10083
+ border-top: 1px solid #161616;
10084
+ }
10085
+
10086
+ .bx--tile-content {
10087
+ width: 100%;
10088
+ height: 100%;
10089
+ }
10090
+
10091
+ .bx--tile-input {
10092
+ position: absolute;
10093
+ overflow: hidden;
10094
+ width: 1px;
10095
+ height: 1px;
10096
+ padding: 0;
10097
+ border: 0;
10098
+ margin: -1px;
10099
+ clip: rect(0, 0, 0, 0);
10100
+ visibility: inherit;
10101
+ white-space: nowrap;
10102
+ }
10103
+
10104
+ .bx--tile-input:focus + .bx--tile {
10105
+ outline: 2px solid #0f62fe;
10106
+ outline-offset: -2px;
10107
+ }
10108
+ @media screen and (prefers-contrast) {
10109
+ .bx--tile-input:focus + .bx--tile {
10110
+ outline-style: dotted;
10111
+ }
10112
+ }
10113
+
10114
+ .bx--tile--disabled.bx--tile--selectable {
10115
+ background-color: #f4f4f4;
10116
+ color: #c6c6c6;
10117
+ cursor: not-allowed;
10118
+ }
10119
+
10120
+ .bx--tile--disabled.bx--tile--selectable.bx--tile--light {
10121
+ background-color: #ffffff;
10122
+ }
10123
+
10124
+ .bx--tile--disabled.bx--tile--is-selected {
10125
+ outline-color: #c6c6c6;
10126
+ }
10127
+
10128
+ .bx--tile--disabled.bx--tile--is-selected .bx--tile__checkmark svg {
10129
+ fill: #c6c6c6;
10130
+ }
10131
+
9838
10132
  body {
9839
10133
  margin: 0;
9840
10134
  /* width */
@@ -11376,6 +11670,8 @@ div.container.theme--white .bx--cc--chart-wrapper .layout-child {
11376
11670
  overflow: visible;
11377
11671
  }
11378
11672
  div.container.theme--white .bx--cc--chart-wrapper svg.layout-svg-wrapper {
11673
+ height: inherit;
11674
+ width: inherit;
11379
11675
  overflow: visible;
11380
11676
  }
11381
11677
  div.container.theme--white div.bx--cc--legend {
@@ -12861,68 +13157,171 @@ div.container.theme--white .bx--chart-holder:-webkit-full-screen {
12861
13157
  div.container.theme--white .bx--cc--chart-wrapper {
12862
13158
  overflow: visible;
12863
13159
  }
12864
- div.container.theme--g10 {
12865
- /* cyrillic-ext */
12866
- /* cyrillic */
12867
- /* greek */
12868
- /* vietnamese */
12869
- /* latin-ext */
12870
- /* latin */
12871
- /* cyrillic-ext */
12872
- /* cyrillic */
12873
- /* greek */
12874
- /* vietnamese */
12875
- /* latin-ext */
12876
- /* latin */
12877
- /* cyrillic-ext */
12878
- /* cyrillic */
12879
- /* greek */
12880
- /* vietnamese */
12881
- /* latin-ext */
12882
- /* latin */
12883
- /* cyrillic-ext */
12884
- /* cyrillic */
12885
- /* greek */
12886
- /* vietnamese */
12887
- /* latin-ext */
12888
- /* latin */
12889
- /* cyrillic-ext */
12890
- /* cyrillic */
12891
- /* greek */
12892
- /* vietnamese */
12893
- /* latin-ext */
12894
- /* latin */
12895
- /* cyrillic-ext */
12896
- /* cyrillic */
12897
- /* greek */
12898
- /* vietnamese */
12899
- /* latin-ext */
12900
- /* latin */
12901
- /* vietnamese */
12902
- /* latin-ext */
12903
- /* latin */
12904
- /* vietnamese */
12905
- /* latin-ext */
12906
- /* latin */
12907
- /* vietnamese */
12908
- /* latin-ext */
12909
- /* latin */
12910
- /* vietnamese */
13160
+ div.container.theme--white .resource-card-group {
13161
+ margin-left: 0;
13162
+ margin-right: 0;
13163
+ margin-top: 30px;
13164
+ max-width: 700px;
13165
+ }
13166
+ div.container.theme--white .resource-card-group .bx--col-md-6.bx--col-lg-6 {
13167
+ border: 1px solid #ffffff;
13168
+ padding: 0;
13169
+ }
13170
+ div.container.theme--white .bx--resource-card .bx--tile {
13171
+ background: #f4f4f4;
13172
+ height: 100%;
13173
+ padding: 1rem 25% 1rem 1rem;
13174
+ position: relative;
13175
+ transition: background 70ms;
13176
+ text-decoration: none;
13177
+ }
13178
+ div.container.theme--white .bx--resource-card .bx--tile:hover {
13179
+ background: #e5e5e5;
13180
+ }
13181
+ div.container.theme--white .bx--resource-card__title {
13182
+ font-size: 1.25rem;
13183
+ font-weight: 400;
13184
+ line-height: 1.4;
13185
+ letter-spacing: 0;
13186
+ text-decoration: none;
13187
+ color: #161616;
13188
+ }
13189
+ div.container.theme--white .bx--resource-card__subtitle {
13190
+ font-size: 0.875rem;
13191
+ font-weight: 600;
13192
+ line-height: 1.29;
13193
+ letter-spacing: 0.16px;
13194
+ font-weight: 400;
13195
+ text-decoration: none;
13196
+ color: #161616;
13197
+ }
13198
+ div.container.theme--white .bx--resource-card__icon--img {
13199
+ position: absolute;
13200
+ bottom: 1rem;
13201
+ left: 1rem;
13202
+ min-width: 32px;
13203
+ min-height: 32px;
13204
+ display: flex;
13205
+ align-items: flex-end;
13206
+ }
13207
+ div.container.theme--white .bx--resource-card__icon--img .gatsby-resp-image-wrapper,
13208
+ div.container.theme--white .bx--resource-card__icon--img img[src*=gif],
13209
+ div.container.theme--white .bx--resource-card__icon--img img[src*=svg] {
13210
+ margin-bottom: 0;
13211
+ }
13212
+ div.container.theme--white .bx--resource-card__icon--img .gatsby-resp-image-wrapper {
13213
+ position: static !important;
13214
+ }
13215
+ div.container.theme--white .bx--resource-card__icon--action {
13216
+ position: absolute;
13217
+ bottom: 1rem;
13218
+ right: 1rem;
13219
+ width: 20px;
13220
+ height: 20px;
13221
+ }
13222
+ div.container.theme--white .bx--resource-card .bx--resource-card__icon--action svg {
13223
+ fill: #161616;
13224
+ }
13225
+ div.container.theme--white .bx--resource-card--dark .bx--tile {
13226
+ background: #262626;
13227
+ }
13228
+ div.container.theme--white .bx--resource-card--dark .bx--tile:hover {
13229
+ background: #393939;
13230
+ }
13231
+ div.container.theme--white .bx--resource-card--dark .bx--resource-card__title,
13232
+ div.container.theme--white .bx--resource-card--dark .bx--resource-card__subtitle {
13233
+ color: #ffffff;
13234
+ }
13235
+ div.container.theme--white .bx--resource-card--dark .bx--resource-card__icon--action svg {
13236
+ fill: #f4f4f4;
13237
+ }
13238
+ div.container.theme--white .bx--resource-card--disabled .bx--tile:hover {
13239
+ background: #f4f4f4;
13240
+ cursor: not-allowed;
13241
+ }
13242
+ div.container.theme--white .bx--resource-card--disabled .bx--resource-card__title,
13243
+ div.container.theme--white .bx--resource-card--disabled .bx--resource-card__subtitle {
13244
+ color: #8d8d8d;
13245
+ }
13246
+ div.container.theme--white .bx--resource-card--disabled .bx--resource-card__icon--action svg {
13247
+ fill: #c6c6c6;
13248
+ }
13249
+ div.container.theme--white .bx--resource-card--disabled .bx--resource-card__icon--img {
13250
+ filter: grayscale(100%);
13251
+ opacity: 0.5;
13252
+ }
13253
+ div.container.theme--white .bx--resource-card--disabled.bx--resource-card--dark .bx--tile:hover {
13254
+ background: #262626;
13255
+ }
13256
+ div.container.theme--white .bx--resource-card--disabled.bx--resource-card--dark .bx--resource-card__title,
13257
+ div.container.theme--white .bx--resource-card--disabled.bx--resource-card--dark .bx--resource-card__subtitle {
13258
+ color: #8d8d8d;
13259
+ }
13260
+ div.container.theme--white .bx--resource-card--disabled.bx--resource-card--dark .bx--resource-card__icon--action svg {
13261
+ fill: #525252;
13262
+ }
13263
+ div.container.theme--g10 {
13264
+ /* cyrillic-ext */
13265
+ /* cyrillic */
13266
+ /* greek */
13267
+ /* vietnamese */
12911
13268
  /* latin-ext */
12912
13269
  /* latin */
13270
+ /* cyrillic-ext */
13271
+ /* cyrillic */
13272
+ /* greek */
13273
+ /* vietnamese */
13274
+ /* latin-ext */
13275
+ /* latin */
13276
+ /* cyrillic-ext */
13277
+ /* cyrillic */
13278
+ /* greek */
13279
+ /* vietnamese */
13280
+ /* latin-ext */
13281
+ /* latin */
13282
+ /* cyrillic-ext */
13283
+ /* cyrillic */
13284
+ /* greek */
13285
+ /* vietnamese */
13286
+ /* latin-ext */
13287
+ /* latin */
13288
+ /* cyrillic-ext */
13289
+ /* cyrillic */
13290
+ /* greek */
13291
+ /* vietnamese */
13292
+ /* latin-ext */
13293
+ /* latin */
13294
+ /* cyrillic-ext */
13295
+ /* cyrillic */
13296
+ /* greek */
12913
13297
  /* vietnamese */
12914
13298
  /* latin-ext */
12915
13299
  /* latin */
12916
13300
  /* vietnamese */
12917
13301
  /* latin-ext */
12918
13302
  /* latin */
13303
+ /* vietnamese */
13304
+ /* latin-ext */
13305
+ /* latin */
13306
+ /* vietnamese */
13307
+ /* latin-ext */
13308
+ /* latin */
13309
+ /* vietnamese */
13310
+ /* latin-ext */
13311
+ /* latin */
13312
+ /* vietnamese */
13313
+ /* latin-ext */
13314
+ /* latin */
13315
+ /* vietnamese */
13316
+ /* latin-ext */
13317
+ /* latin */
13318
+ color: #161616;
13319
+ background-color: #f4f4f4;
13320
+ line-height: 1;
12919
13321
  /* stylelint-disable */
12920
13322
  /* stylelint-enable */
12921
13323
  /* stylelint-disable */
12922
13324
  /*stylelint-enable */
12923
- color: #161616;
12924
- background-color: #f4f4f4;
12925
- line-height: 1;
12926
13325
  }
12927
13326
  div.container.theme--g10 .bx--cc--chart-wrapper .fill-1-1-1 {
12928
13327
  fill: #6929c4;
@@ -14382,6 +14781,8 @@ div.container.theme--g10 .bx--cc--chart-wrapper .layout-child {
14382
14781
  overflow: visible;
14383
14782
  }
14384
14783
  div.container.theme--g10 .bx--cc--chart-wrapper svg.layout-svg-wrapper {
14784
+ height: inherit;
14785
+ width: inherit;
14385
14786
  overflow: visible;
14386
14787
  }
14387
14788
  div.container.theme--g10 div.bx--cc--legend {
@@ -15648,6 +16049,109 @@ div.container.theme--g10 .bx--chart-holder:-webkit-full-screen {
15648
16049
  div.container.theme--g10 .bx--cc--chart-wrapper {
15649
16050
  overflow: visible;
15650
16051
  }
16052
+ div.container.theme--g10 .resource-card-group {
16053
+ margin-left: 0;
16054
+ margin-right: 0;
16055
+ margin-top: 30px;
16056
+ max-width: 700px;
16057
+ }
16058
+ div.container.theme--g10 .resource-card-group .bx--col-md-6.bx--col-lg-6 {
16059
+ border: 1px solid #f4f4f4;
16060
+ padding: 0;
16061
+ }
16062
+ div.container.theme--g10 .bx--resource-card .bx--tile {
16063
+ background: #ffffff;
16064
+ height: 100%;
16065
+ padding: 1rem 25% 1rem 1rem;
16066
+ position: relative;
16067
+ transition: background 70ms;
16068
+ text-decoration: none;
16069
+ }
16070
+ div.container.theme--g10 .bx--resource-card .bx--tile:hover {
16071
+ background: #e5e5e5;
16072
+ }
16073
+ div.container.theme--g10 .bx--resource-card__title {
16074
+ font-size: 1.25rem;
16075
+ font-weight: 400;
16076
+ line-height: 1.4;
16077
+ letter-spacing: 0;
16078
+ text-decoration: none;
16079
+ color: #161616;
16080
+ }
16081
+ div.container.theme--g10 .bx--resource-card__subtitle {
16082
+ font-size: 0.875rem;
16083
+ font-weight: 600;
16084
+ line-height: 1.29;
16085
+ letter-spacing: 0.16px;
16086
+ font-weight: 400;
16087
+ text-decoration: none;
16088
+ color: #161616;
16089
+ }
16090
+ div.container.theme--g10 .bx--resource-card__icon--img {
16091
+ position: absolute;
16092
+ bottom: 1rem;
16093
+ left: 1rem;
16094
+ min-width: 32px;
16095
+ min-height: 32px;
16096
+ display: flex;
16097
+ align-items: flex-end;
16098
+ }
16099
+ div.container.theme--g10 .bx--resource-card__icon--img .gatsby-resp-image-wrapper,
16100
+ div.container.theme--g10 .bx--resource-card__icon--img img[src*=gif],
16101
+ div.container.theme--g10 .bx--resource-card__icon--img img[src*=svg] {
16102
+ margin-bottom: 0;
16103
+ }
16104
+ div.container.theme--g10 .bx--resource-card__icon--img .gatsby-resp-image-wrapper {
16105
+ position: static !important;
16106
+ }
16107
+ div.container.theme--g10 .bx--resource-card__icon--action {
16108
+ position: absolute;
16109
+ bottom: 1rem;
16110
+ right: 1rem;
16111
+ width: 20px;
16112
+ height: 20px;
16113
+ }
16114
+ div.container.theme--g10 .bx--resource-card .bx--resource-card__icon--action svg {
16115
+ fill: #161616;
16116
+ }
16117
+ div.container.theme--g10 .bx--resource-card--dark .bx--tile {
16118
+ background: #262626;
16119
+ }
16120
+ div.container.theme--g10 .bx--resource-card--dark .bx--tile:hover {
16121
+ background: #393939;
16122
+ }
16123
+ div.container.theme--g10 .bx--resource-card--dark .bx--resource-card__title,
16124
+ div.container.theme--g10 .bx--resource-card--dark .bx--resource-card__subtitle {
16125
+ color: #ffffff;
16126
+ }
16127
+ div.container.theme--g10 .bx--resource-card--dark .bx--resource-card__icon--action svg {
16128
+ fill: #f4f4f4;
16129
+ }
16130
+ div.container.theme--g10 .bx--resource-card--disabled .bx--tile:hover {
16131
+ background: #ffffff;
16132
+ cursor: not-allowed;
16133
+ }
16134
+ div.container.theme--g10 .bx--resource-card--disabled .bx--resource-card__title,
16135
+ div.container.theme--g10 .bx--resource-card--disabled .bx--resource-card__subtitle {
16136
+ color: #8d8d8d;
16137
+ }
16138
+ div.container.theme--g10 .bx--resource-card--disabled .bx--resource-card__icon--action svg {
16139
+ fill: #c6c6c6;
16140
+ }
16141
+ div.container.theme--g10 .bx--resource-card--disabled .bx--resource-card__icon--img {
16142
+ filter: grayscale(100%);
16143
+ opacity: 0.5;
16144
+ }
16145
+ div.container.theme--g10 .bx--resource-card--disabled.bx--resource-card--dark .bx--tile:hover {
16146
+ background: #262626;
16147
+ }
16148
+ div.container.theme--g10 .bx--resource-card--disabled.bx--resource-card--dark .bx--resource-card__title,
16149
+ div.container.theme--g10 .bx--resource-card--disabled.bx--resource-card--dark .bx--resource-card__subtitle {
16150
+ color: #8d8d8d;
16151
+ }
16152
+ div.container.theme--g10 .bx--resource-card--disabled.bx--resource-card--dark .bx--resource-card__icon--action svg {
16153
+ fill: #525252;
16154
+ }
15651
16155
  div.container.theme--g10 .bx--modal {
15652
16156
  position: fixed;
15653
16157
  z-index: 9000;
@@ -15679,7 +16183,7 @@ div.container.theme--g10 .bx--modal .bx--dropdown,
15679
16183
  div.container.theme--g10 .bx--modal .bx--dropdown-list,
15680
16184
  div.container.theme--g10 .bx--modal .bx--number input[type=number],
15681
16185
  div.container.theme--g10 .bx--modal .bx--date-picker__input {
15682
- background-color: #ffffff;
16186
+ background-color: #f4f4f4;
15683
16187
  }
15684
16188
  div.container.theme--g10 .bx--modal.is-visible .bx--modal-container {
15685
16189
  transform: translate3d(0, 0, 0);
@@ -15693,7 +16197,7 @@ div.container.theme--g10 .bx--modal-container {
15693
16197
  width: 100%;
15694
16198
  height: 100%;
15695
16199
  max-height: 100%;
15696
- background-color: #f4f4f4;
16200
+ background-color: #ffffff;
15697
16201
  grid-template-columns: 100%;
15698
16202
  grid-template-rows: auto 1fr auto;
15699
16203
  outline: 3px solid transparent;
@@ -15889,7 +16393,7 @@ div.container.theme--g10 .bx--modal-content--overflow-indicator {
15889
16393
  left: 0;
15890
16394
  width: 100%;
15891
16395
  height: 2rem;
15892
- background-image: linear-gradient(to bottom, rgba(244, 244, 244, 0), #f4f4f4);
16396
+ background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
15893
16397
  content: "";
15894
16398
  grid-column: 1/-1;
15895
16399
  grid-row: 2/-2;
@@ -15898,7 +16402,7 @@ div.container.theme--g10 .bx--modal-content--overflow-indicator {
15898
16402
  @media not all and (min-resolution: 0.001dpcm) {
15899
16403
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
15900
16404
  div.container.theme--g10 .bx--modal-content--overflow-indicator {
15901
- background-image: linear-gradient(to bottom, rgba(244, 244, 244, 0), #f4f4f4);
16405
+ background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
15902
16406
  }
15903
16407
  }
15904
16408
  }
@@ -16074,12 +16578,12 @@ div.container.theme--g10 .bx--overflow-menu__trigger.bx--tooltip--a11y.bx--toolt
16074
16578
  div.container.theme--g10 .bx--overflow-menu.bx--overflow-menu--open,
16075
16579
  div.container.theme--g10 .bx--overflow-menu.bx--overflow-menu--open .bx--overflow-menu__trigger {
16076
16580
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
16077
- background-color: #f4f4f4;
16581
+ background-color: #ffffff;
16078
16582
  transition: none;
16079
16583
  }
16080
16584
  div.container.theme--g10 .bx--overflow-menu--light.bx--overflow-menu--open,
16081
16585
  div.container.theme--g10 .bx--overflow-menu--light.bx--overflow-menu--open .bx--overflow-menu__trigger {
16082
- background-color: #ffffff;
16586
+ background-color: #f4f4f4;
16083
16587
  }
16084
16588
  div.container.theme--g10 .bx--overflow-menu__icon {
16085
16589
  width: 1rem;
@@ -16103,7 +16607,7 @@ div.container.theme--g10 .bx--overflow-menu-options {
16103
16607
  width: 10rem;
16104
16608
  flex-direction: column;
16105
16609
  align-items: flex-start;
16106
- background-color: #f4f4f4;
16610
+ background-color: #ffffff;
16107
16611
  list-style: none;
16108
16612
  }
16109
16613
  div.container.theme--g10 .bx--overflow-menu-options *,
@@ -16114,21 +16618,21 @@ div.container.theme--g10 .bx--overflow-menu-options *::after {
16114
16618
  div.container.theme--g10 .bx--overflow-menu-options::after {
16115
16619
  position: absolute;
16116
16620
  display: block;
16117
- background-color: #f4f4f4;
16621
+ background-color: #ffffff;
16118
16622
  content: "";
16119
16623
  transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
16120
16624
  }
16121
16625
  div.container.theme--g10 .bx--overflow-menu.bx--overflow-menu--open:hover {
16122
- background-color: #f4f4f4;
16626
+ background-color: #ffffff;
16123
16627
  }
16124
16628
  div.container.theme--g10 .bx--overflow-menu-options--light {
16125
- background-color: #ffffff;
16629
+ background-color: #f4f4f4;
16126
16630
  }
16127
16631
  div.container.theme--g10 .bx--overflow-menu-options--light::after {
16128
- background-color: #ffffff;
16632
+ background-color: #f4f4f4;
16129
16633
  }
16130
16634
  div.container.theme--g10 .bx--overflow-menu.bx--overflow-menu--light.bx--overflow-menu--open:hover {
16131
- background-color: #ffffff;
16635
+ background-color: #f4f4f4;
16132
16636
  }
16133
16637
  div.container.theme--g10 .bx--overflow-menu-options[data-floating-menu-direction=bottom]::after {
16134
16638
  top: -0.1875rem;
@@ -16298,7 +16802,7 @@ div.container.theme--g10 .bx--overflow-menu-options__option--danger .bx--overflo
16298
16802
  fill: currentColor;
16299
16803
  }
16300
16804
  div.container.theme--g10 .bx--overflow-menu-options__option--disabled:hover {
16301
- background-color: #f4f4f4;
16805
+ background-color: #ffffff;
16302
16806
  cursor: not-allowed;
16303
16807
  }
16304
16808
  div.container.theme--g10 .bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn {
@@ -16308,7 +16812,7 @@ div.container.theme--g10 .bx--overflow-menu-options__option--disabled .bx--overf
16308
16812
  div.container.theme--g10 .bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn:hover, div.container.theme--g10 .bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn:active, div.container.theme--g10 .bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn:focus {
16309
16813
  outline: 2px solid transparent;
16310
16814
  outline-offset: -2px;
16311
- background-color: #f4f4f4;
16815
+ background-color: #ffffff;
16312
16816
  }
16313
16817
  div.container.theme--g10 .bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn svg {
16314
16818
  fill: #c6c6c6;
@@ -16342,7 +16846,7 @@ div.container.theme--g10 .bx--data-table-content {
16342
16846
  }
16343
16847
  div.container.theme--g10 .bx--data-table-header {
16344
16848
  padding: 1rem 0 1.5rem 1rem;
16345
- background: #f4f4f4;
16849
+ background: #ffffff;
16346
16850
  }
16347
16851
  div.container.theme--g10 .bx--data-table-header__title {
16348
16852
  font-size: 1.25rem;
@@ -16376,7 +16880,7 @@ div.container.theme--g10 .bx--data-table tbody {
16376
16880
  line-height: 1.29;
16377
16881
  letter-spacing: 0.16px;
16378
16882
  width: 100%;
16379
- background-color: #f4f4f4;
16883
+ background-color: #ffffff;
16380
16884
  }
16381
16885
  div.container.theme--g10 .bx--data-table tr {
16382
16886
  width: 100%;
@@ -16429,9 +16933,9 @@ div.container.theme--g10 .bx--data-table td,
16429
16933
  div.container.theme--g10 .bx--data-table tbody th {
16430
16934
  padding-right: 1rem;
16431
16935
  padding-left: 1rem;
16432
- border-top: 1px solid #f4f4f4;
16936
+ border-top: 1px solid #ffffff;
16433
16937
  border-bottom: 1px solid #e0e0e0;
16434
- background: #f4f4f4;
16938
+ background: #ffffff;
16435
16939
  color: #525252;
16436
16940
  }
16437
16941
  div.container.theme--g10 .bx--data-table td + td:first-of-type,
@@ -16452,7 +16956,7 @@ div.container.theme--g10 .bx--data-table .bx--number__control-btn::before,
16452
16956
  div.container.theme--g10 .bx--data-table .bx--number__control-btn::after,
16453
16957
  div.container.theme--g10 .bx--data-table .bx--text-input,
16454
16958
  div.container.theme--g10 .bx--data-table .bx--select-input {
16455
- background-color: #ffffff;
16959
+ background-color: #f4f4f4;
16456
16960
  }
16457
16961
  div.container.theme--g10 .bx--data-table td.bx--table-column-menu .bx--overflow-menu[aria-expanded=false]:focus {
16458
16962
  outline: 2px solid #0f62fe;
@@ -16516,7 +17020,7 @@ div.container.theme--g10 .bx--data-table--xl .bx--table-column-menu {
16516
17020
  padding-top: 0.5rem;
16517
17021
  }
16518
17022
  div.container.theme--g10 .bx--data-table--zebra tbody tr:not(.bx--parent-row):nth-child(odd) td {
16519
- border-bottom: 1px solid #f4f4f4;
17023
+ border-bottom: 1px solid #ffffff;
16520
17024
  }
16521
17025
  div.container.theme--g10 .bx--data-table--zebra tbody tr:not(.bx--parent-row):nth-child(even) td {
16522
17026
  border-top: 1px solid #ffffff;
@@ -16958,18 +17462,242 @@ div.container.theme--g10 .bx--data-table--max-width {
16958
17462
  div.container.theme--g10 .bx--data-table--sticky-header {
16959
17463
  max-height: 18.75rem;
16960
17464
  }
16961
- div.container.theme--g10 .bx--data-table .bx--form-item.bx--checkbox-wrapper:last-of-type {
16962
- margin: 0;
17465
+ div.container.theme--g10 .bx--data-table .bx--form-item.bx--checkbox-wrapper:last-of-type {
17466
+ margin: 0;
17467
+ }
17468
+ div.container.theme--g10 .bx--data-table--short .bx--form-item.bx--checkbox-wrapper:last-of-type,
17469
+ div.container.theme--g10 .bx--data-table--compact .bx--form-item.bx--checkbox-wrapper:last-of-type,
17470
+ div.container.theme--g10 .bx--data-table--xs .bx--form-item.bx--checkbox-wrapper:last-of-type,
17471
+ div.container.theme--g10 .bx--data-table--sm .bx--form-item.bx--checkbox-wrapper:last-of-type {
17472
+ margin: -0.1875rem 0;
17473
+ }
17474
+ @media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
17475
+ div.container.theme--g10 .bx--data-table-content {
17476
+ outline: 1px solid transparent;
17477
+ }
17478
+ }
17479
+ div.container.theme--g10 .bx--select {
17480
+ box-sizing: border-box;
17481
+ padding: 0;
17482
+ border: 0;
17483
+ margin: 0;
17484
+ font-family: inherit;
17485
+ font-size: 100%;
17486
+ vertical-align: baseline;
17487
+ position: relative;
17488
+ display: flex;
17489
+ width: 100%;
17490
+ flex-direction: column;
17491
+ align-items: flex-start;
17492
+ }
17493
+ div.container.theme--g10 .bx--select *,
17494
+ div.container.theme--g10 .bx--select *::before,
17495
+ div.container.theme--g10 .bx--select *::after {
17496
+ box-sizing: inherit;
17497
+ }
17498
+ div.container.theme--g10 .bx--select-input__wrapper {
17499
+ position: relative;
17500
+ display: flex;
17501
+ width: 100%;
17502
+ align-items: center;
17503
+ }
17504
+ div.container.theme--g10 .bx--select-input {
17505
+ font-size: 0.875rem;
17506
+ font-weight: 400;
17507
+ line-height: 1.29;
17508
+ letter-spacing: 0.16px;
17509
+ outline: 2px solid transparent;
17510
+ outline-offset: -2px;
17511
+ display: block;
17512
+ width: 100%;
17513
+ height: 2.5rem;
17514
+ padding: 0 3rem 0 1rem;
17515
+ border: none;
17516
+ border-bottom: 1px solid #8d8d8d;
17517
+ appearance: none;
17518
+ background-color: #ffffff;
17519
+ border-radius: 0;
17520
+ color: #161616;
17521
+ cursor: pointer;
17522
+ opacity: 1;
17523
+ transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
17524
+ }
17525
+ div.container.theme--g10 .bx--select-input:hover {
17526
+ background-color: #e5e5e5;
17527
+ }
17528
+ div.container.theme--g10 .bx--select-input::-ms-expand {
17529
+ display: none;
17530
+ }
17531
+ @-moz-document url-prefix() {
17532
+ div.container.theme--g10 .bx--select-input:-moz-focusring, div.container.theme--g10 .bx--select-input::-moz-focus-inner {
17533
+ background-image: none;
17534
+ color: transparent;
17535
+ text-shadow: 0 0 0 #000000;
17536
+ }
17537
+ }
17538
+ div.container.theme--g10 .bx--select-input:focus {
17539
+ outline: 2px solid #0f62fe;
17540
+ outline-offset: -2px;
17541
+ color: #161616;
17542
+ }
17543
+ @media screen and (prefers-contrast) {
17544
+ div.container.theme--g10 .bx--select-input:focus {
17545
+ outline-style: dotted;
17546
+ }
17547
+ }
17548
+ div.container.theme--g10 .bx--select-input:disabled, div.container.theme--g10 .bx--select-input:hover:disabled {
17549
+ border-bottom-color: #ffffff;
17550
+ background-color: #ffffff;
17551
+ color: #c6c6c6;
17552
+ cursor: not-allowed;
17553
+ }
17554
+ div.container.theme--g10 .bx--select-input--sm {
17555
+ height: 2rem;
17556
+ max-height: 2rem;
17557
+ }
17558
+ div.container.theme--g10 .bx--select-input--xl,
17559
+ div.container.theme--g10 .bx--select-input--lg {
17560
+ height: 3rem;
17561
+ max-height: 3rem;
17562
+ }
17563
+ div.container.theme--g10 .bx--select--disabled .bx--label,
17564
+ div.container.theme--g10 .bx--select--disabled .bx--form__helper-text {
17565
+ color: #c6c6c6;
17566
+ }
17567
+ div.container.theme--g10 .bx--select-input__wrapper[data-invalid] .bx--select-input,
17568
+ div.container.theme--g10 .bx--select--warning .bx--select-input {
17569
+ padding-right: 4.5rem;
17570
+ }
17571
+ div.container.theme--g10 .bx--select-input:disabled ~ .bx--select__arrow {
17572
+ fill: #c6c6c6;
17573
+ }
17574
+ div.container.theme--g10 .bx--select--light .bx--select-input {
17575
+ background-color: #f4f4f4;
17576
+ }
17577
+ div.container.theme--g10 .bx--select--light .bx--select-input:hover {
17578
+ background-color: #e5e5e5;
17579
+ }
17580
+ div.container.theme--g10 .bx--select--light .bx--select-input:disabled, div.container.theme--g10 .bx--select--light .bx--select-input:hover:disabled {
17581
+ background-color: #f4f4f4;
17582
+ color: #c6c6c6;
17583
+ cursor: not-allowed;
17584
+ }
17585
+ div.container.theme--g10 .bx--select__arrow {
17586
+ position: absolute;
17587
+ top: 0;
17588
+ right: 1rem;
17589
+ height: 100%;
17590
+ fill: #161616;
17591
+ pointer-events: none;
17592
+ }
17593
+ @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {
17594
+ div.container.theme--g10 .bx--select__arrow path {
17595
+ fill: ButtonText;
17596
+ }
17597
+ }
17598
+ div.container.theme--g10 .bx--select__invalid-icon {
17599
+ position: absolute;
17600
+ right: 2.5rem;
17601
+ }
17602
+ div.container.theme--g10 .bx--select-input__wrapper[data-invalid] .bx--select-input ~ .bx--select__invalid-icon {
17603
+ fill: #da1e28;
17604
+ }
17605
+ div.container.theme--g10 .bx--select__invalid-icon--warning {
17606
+ fill: #f1c21b;
17607
+ }
17608
+ div.container.theme--g10 .bx--select__invalid-icon--warning path[fill] {
17609
+ fill: #000000;
17610
+ opacity: 1;
17611
+ }
17612
+ div.container.theme--g10 .bx--select-optgroup,
17613
+ div.container.theme--g10 .bx--select-option {
17614
+ color: #161616;
17615
+ }
17616
+ div.container.theme--g10 .bx--select-optgroup:disabled,
17617
+ div.container.theme--g10 .bx--select-option:disabled {
17618
+ color: #c6c6c6;
17619
+ }
17620
+ div.container.theme--g10 .bx--select--inline {
17621
+ display: flex;
17622
+ flex-direction: row;
17623
+ align-items: center;
17624
+ }
17625
+ div.container.theme--g10 .bx--select--inline.bx--select--invalid .bx--label,
17626
+ div.container.theme--g10 .bx--select--inline.bx--select--invalid .bx--form__helper-text {
17627
+ align-self: flex-start;
17628
+ margin-top: 0.8125rem;
17629
+ }
17630
+ div.container.theme--g10 .bx--select--inline .bx--form__helper-text {
17631
+ margin-bottom: 0;
17632
+ margin-left: 0.5rem;
17633
+ }
17634
+ div.container.theme--g10 .bx--select--inline .bx--label {
17635
+ margin: 0 0.5rem 0 0;
17636
+ white-space: nowrap;
17637
+ }
17638
+ div.container.theme--g10 .bx--select--inline .bx--select-input {
17639
+ width: auto;
17640
+ padding-right: 2rem;
17641
+ padding-left: 0.5rem;
17642
+ border-bottom: none;
17643
+ background-color: #f4f4f4;
17644
+ color: #161616;
17645
+ }
17646
+ div.container.theme--g10 .bx--select--inline .bx--select-input[disabled],
17647
+ div.container.theme--g10 .bx--select--inline .bx--select-input[disabled]:hover {
17648
+ background-color: #ffffff;
17649
+ }
17650
+ div.container.theme--g10 .bx--select--inline .bx--select__arrow {
17651
+ right: 0.5rem;
17652
+ }
17653
+ div.container.theme--g10 .bx--select--inline.bx--select--invalid .bx--select-input {
17654
+ padding-right: 3.5rem;
17655
+ }
17656
+ div.container.theme--g10 .bx--select--inline.bx--select--invalid .bx--select-input ~ .bx--select__invalid-icon {
17657
+ right: 2rem;
17658
+ }
17659
+ div.container.theme--g10 .bx--select--inline .bx--select-input:disabled {
17660
+ color: #c6c6c6;
17661
+ cursor: not-allowed;
17662
+ }
17663
+ div.container.theme--g10 .bx--select--inline .bx--select-input:disabled ~ * {
17664
+ cursor: not-allowed;
17665
+ }
17666
+ div.container.theme--g10 .bx--select.bx--skeleton {
17667
+ position: relative;
17668
+ padding: 0;
17669
+ border: none;
17670
+ background: #e5e5e5;
17671
+ box-shadow: none;
17672
+ pointer-events: none;
17673
+ width: 100%;
17674
+ height: 2.5rem;
17675
+ }
17676
+ div.container.theme--g10 .bx--select.bx--skeleton:hover, div.container.theme--g10 .bx--select.bx--skeleton:focus, div.container.theme--g10 .bx--select.bx--skeleton:active {
17677
+ border: none;
17678
+ cursor: default;
17679
+ outline: none;
17680
+ }
17681
+ div.container.theme--g10 .bx--select.bx--skeleton::before {
17682
+ position: absolute;
17683
+ width: 100%;
17684
+ height: 100%;
17685
+ animation: 3000ms ease-in-out skeleton infinite;
17686
+ background: #c6c6c6;
17687
+ content: "";
17688
+ will-change: transform-origin, transform, opacity;
17689
+ }
17690
+ @media (prefers-reduced-motion: reduce) {
17691
+ div.container.theme--g10 .bx--select.bx--skeleton::before {
17692
+ animation: none;
17693
+ }
16963
17694
  }
16964
- div.container.theme--g10 .bx--data-table--short .bx--form-item.bx--checkbox-wrapper:last-of-type,
16965
- div.container.theme--g10 .bx--data-table--compact .bx--form-item.bx--checkbox-wrapper:last-of-type,
16966
- div.container.theme--g10 .bx--data-table--xs .bx--form-item.bx--checkbox-wrapper:last-of-type,
16967
- div.container.theme--g10 .bx--data-table--sm .bx--form-item.bx--checkbox-wrapper:last-of-type {
16968
- margin: -0.1875rem 0;
17695
+ div.container.theme--g10 .bx--select.bx--skeleton .bx--select-input {
17696
+ display: none;
16969
17697
  }
16970
17698
  @media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
16971
- div.container.theme--g10 .bx--data-table-content {
16972
- outline: 1px solid transparent;
17699
+ div.container.theme--g10 .bx--select__arrow {
17700
+ fill: ButtonText;
16973
17701
  }
16974
17702
  }
16975
17703
  div.container.theme--g90 {
@@ -18493,6 +19221,8 @@ div.container.theme--g90 .bx--cc--chart-wrapper .layout-child {
18493
19221
  overflow: visible;
18494
19222
  }
18495
19223
  div.container.theme--g90 .bx--cc--chart-wrapper svg.layout-svg-wrapper {
19224
+ height: inherit;
19225
+ width: inherit;
18496
19226
  overflow: visible;
18497
19227
  }
18498
19228
  div.container.theme--g90 div.bx--cc--legend {
@@ -19763,6 +20493,109 @@ div.container.theme--g90 .bx--chart-holder:-webkit-full-screen {
19763
20493
  div.container.theme--g90 .bx--cc--chart-wrapper {
19764
20494
  overflow: visible;
19765
20495
  }
20496
+ div.container.theme--g90 .resource-card-group {
20497
+ margin-left: 0;
20498
+ margin-right: 0;
20499
+ margin-top: 30px;
20500
+ max-width: 700px;
20501
+ }
20502
+ div.container.theme--g90 .resource-card-group .bx--col-md-6.bx--col-lg-6 {
20503
+ border: 1px solid #262626;
20504
+ padding: 0;
20505
+ }
20506
+ div.container.theme--g90 .bx--resource-card .bx--tile {
20507
+ background: #393939;
20508
+ height: 100%;
20509
+ padding: 1rem 25% 1rem 1rem;
20510
+ position: relative;
20511
+ transition: background 70ms;
20512
+ text-decoration: none;
20513
+ }
20514
+ div.container.theme--g90 .bx--resource-card .bx--tile:hover {
20515
+ background: #4c4c4c;
20516
+ }
20517
+ div.container.theme--g90 .bx--resource-card__title {
20518
+ font-size: 1.25rem;
20519
+ font-weight: 400;
20520
+ line-height: 1.4;
20521
+ letter-spacing: 0;
20522
+ text-decoration: none;
20523
+ color: #f4f4f4;
20524
+ }
20525
+ div.container.theme--g90 .bx--resource-card__subtitle {
20526
+ font-size: 0.875rem;
20527
+ font-weight: 600;
20528
+ line-height: 1.29;
20529
+ letter-spacing: 0.16px;
20530
+ font-weight: 400;
20531
+ text-decoration: none;
20532
+ color: #f4f4f4;
20533
+ }
20534
+ div.container.theme--g90 .bx--resource-card__icon--img {
20535
+ position: absolute;
20536
+ bottom: 1rem;
20537
+ left: 1rem;
20538
+ min-width: 32px;
20539
+ min-height: 32px;
20540
+ display: flex;
20541
+ align-items: flex-end;
20542
+ }
20543
+ div.container.theme--g90 .bx--resource-card__icon--img .gatsby-resp-image-wrapper,
20544
+ div.container.theme--g90 .bx--resource-card__icon--img img[src*=gif],
20545
+ div.container.theme--g90 .bx--resource-card__icon--img img[src*=svg] {
20546
+ margin-bottom: 0;
20547
+ }
20548
+ div.container.theme--g90 .bx--resource-card__icon--img .gatsby-resp-image-wrapper {
20549
+ position: static !important;
20550
+ }
20551
+ div.container.theme--g90 .bx--resource-card__icon--action {
20552
+ position: absolute;
20553
+ bottom: 1rem;
20554
+ right: 1rem;
20555
+ width: 20px;
20556
+ height: 20px;
20557
+ }
20558
+ div.container.theme--g90 .bx--resource-card .bx--resource-card__icon--action svg {
20559
+ fill: #f4f4f4;
20560
+ }
20561
+ div.container.theme--g90 .bx--resource-card--dark .bx--tile {
20562
+ background: #262626;
20563
+ }
20564
+ div.container.theme--g90 .bx--resource-card--dark .bx--tile:hover {
20565
+ background: #393939;
20566
+ }
20567
+ div.container.theme--g90 .bx--resource-card--dark .bx--resource-card__title,
20568
+ div.container.theme--g90 .bx--resource-card--dark .bx--resource-card__subtitle {
20569
+ color: #ffffff;
20570
+ }
20571
+ div.container.theme--g90 .bx--resource-card--dark .bx--resource-card__icon--action svg {
20572
+ fill: #f4f4f4;
20573
+ }
20574
+ div.container.theme--g90 .bx--resource-card--disabled .bx--tile:hover {
20575
+ background: #393939;
20576
+ cursor: not-allowed;
20577
+ }
20578
+ div.container.theme--g90 .bx--resource-card--disabled .bx--resource-card__title,
20579
+ div.container.theme--g90 .bx--resource-card--disabled .bx--resource-card__subtitle {
20580
+ color: #a8a8a8;
20581
+ }
20582
+ div.container.theme--g90 .bx--resource-card--disabled .bx--resource-card__icon--action svg {
20583
+ fill: #6f6f6f;
20584
+ }
20585
+ div.container.theme--g90 .bx--resource-card--disabled .bx--resource-card__icon--img {
20586
+ filter: grayscale(100%);
20587
+ opacity: 0.5;
20588
+ }
20589
+ div.container.theme--g90 .bx--resource-card--disabled.bx--resource-card--dark .bx--tile:hover {
20590
+ background: #262626;
20591
+ }
20592
+ div.container.theme--g90 .bx--resource-card--disabled.bx--resource-card--dark .bx--resource-card__title,
20593
+ div.container.theme--g90 .bx--resource-card--disabled.bx--resource-card--dark .bx--resource-card__subtitle {
20594
+ color: #8d8d8d;
20595
+ }
20596
+ div.container.theme--g90 .bx--resource-card--disabled.bx--resource-card--dark .bx--resource-card__icon--action svg {
20597
+ fill: #525252;
20598
+ }
19766
20599
  div.container.theme--g90 .bx--modal {
19767
20600
  position: fixed;
19768
20601
  z-index: 9000;
@@ -21073,18 +21906,242 @@ div.container.theme--g90 .bx--data-table--max-width {
21073
21906
  div.container.theme--g90 .bx--data-table--sticky-header {
21074
21907
  max-height: 18.75rem;
21075
21908
  }
21076
- div.container.theme--g90 .bx--data-table .bx--form-item.bx--checkbox-wrapper:last-of-type {
21077
- margin: 0;
21909
+ div.container.theme--g90 .bx--data-table .bx--form-item.bx--checkbox-wrapper:last-of-type {
21910
+ margin: 0;
21911
+ }
21912
+ div.container.theme--g90 .bx--data-table--short .bx--form-item.bx--checkbox-wrapper:last-of-type,
21913
+ div.container.theme--g90 .bx--data-table--compact .bx--form-item.bx--checkbox-wrapper:last-of-type,
21914
+ div.container.theme--g90 .bx--data-table--xs .bx--form-item.bx--checkbox-wrapper:last-of-type,
21915
+ div.container.theme--g90 .bx--data-table--sm .bx--form-item.bx--checkbox-wrapper:last-of-type {
21916
+ margin: -0.1875rem 0;
21917
+ }
21918
+ @media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
21919
+ div.container.theme--g90 .bx--data-table-content {
21920
+ outline: 1px solid transparent;
21921
+ }
21922
+ }
21923
+ div.container.theme--g90 .bx--select {
21924
+ box-sizing: border-box;
21925
+ padding: 0;
21926
+ border: 0;
21927
+ margin: 0;
21928
+ font-family: inherit;
21929
+ font-size: 100%;
21930
+ vertical-align: baseline;
21931
+ position: relative;
21932
+ display: flex;
21933
+ width: 100%;
21934
+ flex-direction: column;
21935
+ align-items: flex-start;
21936
+ }
21937
+ div.container.theme--g90 .bx--select *,
21938
+ div.container.theme--g90 .bx--select *::before,
21939
+ div.container.theme--g90 .bx--select *::after {
21940
+ box-sizing: inherit;
21941
+ }
21942
+ div.container.theme--g90 .bx--select-input__wrapper {
21943
+ position: relative;
21944
+ display: flex;
21945
+ width: 100%;
21946
+ align-items: center;
21947
+ }
21948
+ div.container.theme--g90 .bx--select-input {
21949
+ font-size: 0.875rem;
21950
+ font-weight: 400;
21951
+ line-height: 1.29;
21952
+ letter-spacing: 0.16px;
21953
+ outline: 2px solid transparent;
21954
+ outline-offset: -2px;
21955
+ display: block;
21956
+ width: 100%;
21957
+ height: 2.5rem;
21958
+ padding: 0 3rem 0 1rem;
21959
+ border: none;
21960
+ border-bottom: 1px solid #8d8d8d;
21961
+ appearance: none;
21962
+ background-color: #393939;
21963
+ border-radius: 0;
21964
+ color: #f4f4f4;
21965
+ cursor: pointer;
21966
+ opacity: 1;
21967
+ transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
21968
+ }
21969
+ div.container.theme--g90 .bx--select-input:hover {
21970
+ background-color: #4c4c4c;
21971
+ }
21972
+ div.container.theme--g90 .bx--select-input::-ms-expand {
21973
+ display: none;
21974
+ }
21975
+ @-moz-document url-prefix() {
21976
+ div.container.theme--g90 .bx--select-input:-moz-focusring, div.container.theme--g90 .bx--select-input::-moz-focus-inner {
21977
+ background-image: none;
21978
+ color: transparent;
21979
+ text-shadow: 0 0 0 #000000;
21980
+ }
21981
+ }
21982
+ div.container.theme--g90 .bx--select-input:focus {
21983
+ outline: 2px solid #ffffff;
21984
+ outline-offset: -2px;
21985
+ color: #f4f4f4;
21986
+ }
21987
+ @media screen and (prefers-contrast) {
21988
+ div.container.theme--g90 .bx--select-input:focus {
21989
+ outline-style: dotted;
21990
+ }
21991
+ }
21992
+ div.container.theme--g90 .bx--select-input:disabled, div.container.theme--g90 .bx--select-input:hover:disabled {
21993
+ border-bottom-color: #393939;
21994
+ background-color: #393939;
21995
+ color: #6f6f6f;
21996
+ cursor: not-allowed;
21997
+ }
21998
+ div.container.theme--g90 .bx--select-input--sm {
21999
+ height: 2rem;
22000
+ max-height: 2rem;
22001
+ }
22002
+ div.container.theme--g90 .bx--select-input--xl,
22003
+ div.container.theme--g90 .bx--select-input--lg {
22004
+ height: 3rem;
22005
+ max-height: 3rem;
22006
+ }
22007
+ div.container.theme--g90 .bx--select--disabled .bx--label,
22008
+ div.container.theme--g90 .bx--select--disabled .bx--form__helper-text {
22009
+ color: #6f6f6f;
22010
+ }
22011
+ div.container.theme--g90 .bx--select-input__wrapper[data-invalid] .bx--select-input,
22012
+ div.container.theme--g90 .bx--select--warning .bx--select-input {
22013
+ padding-right: 4.5rem;
22014
+ }
22015
+ div.container.theme--g90 .bx--select-input:disabled ~ .bx--select__arrow {
22016
+ fill: #6f6f6f;
22017
+ }
22018
+ div.container.theme--g90 .bx--select--light .bx--select-input {
22019
+ background-color: #525252;
22020
+ }
22021
+ div.container.theme--g90 .bx--select--light .bx--select-input:hover {
22022
+ background-color: #4c4c4c;
22023
+ }
22024
+ div.container.theme--g90 .bx--select--light .bx--select-input:disabled, div.container.theme--g90 .bx--select--light .bx--select-input:hover:disabled {
22025
+ background-color: #525252;
22026
+ color: #6f6f6f;
22027
+ cursor: not-allowed;
22028
+ }
22029
+ div.container.theme--g90 .bx--select__arrow {
22030
+ position: absolute;
22031
+ top: 0;
22032
+ right: 1rem;
22033
+ height: 100%;
22034
+ fill: #f4f4f4;
22035
+ pointer-events: none;
22036
+ }
22037
+ @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {
22038
+ div.container.theme--g90 .bx--select__arrow path {
22039
+ fill: ButtonText;
22040
+ }
22041
+ }
22042
+ div.container.theme--g90 .bx--select__invalid-icon {
22043
+ position: absolute;
22044
+ right: 2.5rem;
22045
+ }
22046
+ div.container.theme--g90 .bx--select-input__wrapper[data-invalid] .bx--select-input ~ .bx--select__invalid-icon {
22047
+ fill: #ff8389;
22048
+ }
22049
+ div.container.theme--g90 .bx--select__invalid-icon--warning {
22050
+ fill: #f1c21b;
22051
+ }
22052
+ div.container.theme--g90 .bx--select__invalid-icon--warning path[fill] {
22053
+ fill: #000000;
22054
+ opacity: 1;
22055
+ }
22056
+ div.container.theme--g90 .bx--select-optgroup,
22057
+ div.container.theme--g90 .bx--select-option {
22058
+ color: #f4f4f4;
22059
+ }
22060
+ div.container.theme--g90 .bx--select-optgroup:disabled,
22061
+ div.container.theme--g90 .bx--select-option:disabled {
22062
+ color: #6f6f6f;
22063
+ }
22064
+ div.container.theme--g90 .bx--select--inline {
22065
+ display: flex;
22066
+ flex-direction: row;
22067
+ align-items: center;
22068
+ }
22069
+ div.container.theme--g90 .bx--select--inline.bx--select--invalid .bx--label,
22070
+ div.container.theme--g90 .bx--select--inline.bx--select--invalid .bx--form__helper-text {
22071
+ align-self: flex-start;
22072
+ margin-top: 0.8125rem;
22073
+ }
22074
+ div.container.theme--g90 .bx--select--inline .bx--form__helper-text {
22075
+ margin-bottom: 0;
22076
+ margin-left: 0.5rem;
22077
+ }
22078
+ div.container.theme--g90 .bx--select--inline .bx--label {
22079
+ margin: 0 0.5rem 0 0;
22080
+ white-space: nowrap;
22081
+ }
22082
+ div.container.theme--g90 .bx--select--inline .bx--select-input {
22083
+ width: auto;
22084
+ padding-right: 2rem;
22085
+ padding-left: 0.5rem;
22086
+ border-bottom: none;
22087
+ background-color: #262626;
22088
+ color: #f4f4f4;
22089
+ }
22090
+ div.container.theme--g90 .bx--select--inline .bx--select-input[disabled],
22091
+ div.container.theme--g90 .bx--select--inline .bx--select-input[disabled]:hover {
22092
+ background-color: #393939;
22093
+ }
22094
+ div.container.theme--g90 .bx--select--inline .bx--select__arrow {
22095
+ right: 0.5rem;
22096
+ }
22097
+ div.container.theme--g90 .bx--select--inline.bx--select--invalid .bx--select-input {
22098
+ padding-right: 3.5rem;
22099
+ }
22100
+ div.container.theme--g90 .bx--select--inline.bx--select--invalid .bx--select-input ~ .bx--select__invalid-icon {
22101
+ right: 2rem;
22102
+ }
22103
+ div.container.theme--g90 .bx--select--inline .bx--select-input:disabled {
22104
+ color: #c6c6c6;
22105
+ cursor: not-allowed;
22106
+ }
22107
+ div.container.theme--g90 .bx--select--inline .bx--select-input:disabled ~ * {
22108
+ cursor: not-allowed;
22109
+ }
22110
+ div.container.theme--g90 .bx--select.bx--skeleton {
22111
+ position: relative;
22112
+ padding: 0;
22113
+ border: none;
22114
+ background: #353535;
22115
+ box-shadow: none;
22116
+ pointer-events: none;
22117
+ width: 100%;
22118
+ height: 2.5rem;
22119
+ }
22120
+ div.container.theme--g90 .bx--select.bx--skeleton:hover, div.container.theme--g90 .bx--select.bx--skeleton:focus, div.container.theme--g90 .bx--select.bx--skeleton:active {
22121
+ border: none;
22122
+ cursor: default;
22123
+ outline: none;
22124
+ }
22125
+ div.container.theme--g90 .bx--select.bx--skeleton::before {
22126
+ position: absolute;
22127
+ width: 100%;
22128
+ height: 100%;
22129
+ animation: 3000ms ease-in-out skeleton infinite;
22130
+ background: #525252;
22131
+ content: "";
22132
+ will-change: transform-origin, transform, opacity;
22133
+ }
22134
+ @media (prefers-reduced-motion: reduce) {
22135
+ div.container.theme--g90 .bx--select.bx--skeleton::before {
22136
+ animation: none;
22137
+ }
21078
22138
  }
21079
- div.container.theme--g90 .bx--data-table--short .bx--form-item.bx--checkbox-wrapper:last-of-type,
21080
- div.container.theme--g90 .bx--data-table--compact .bx--form-item.bx--checkbox-wrapper:last-of-type,
21081
- div.container.theme--g90 .bx--data-table--xs .bx--form-item.bx--checkbox-wrapper:last-of-type,
21082
- div.container.theme--g90 .bx--data-table--sm .bx--form-item.bx--checkbox-wrapper:last-of-type {
21083
- margin: -0.1875rem 0;
22139
+ div.container.theme--g90 .bx--select.bx--skeleton .bx--select-input {
22140
+ display: none;
21084
22141
  }
21085
22142
  @media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
21086
- div.container.theme--g90 .bx--data-table-content {
21087
- outline: 1px solid transparent;
22143
+ div.container.theme--g90 .bx--select__arrow {
22144
+ fill: ButtonText;
21088
22145
  }
21089
22146
  }
21090
22147
  div.container.theme--g90 .bx--radio-button__appearance {
@@ -22623,6 +23680,8 @@ div.container.theme--g100 .bx--cc--chart-wrapper .layout-child {
22623
23680
  overflow: visible;
22624
23681
  }
22625
23682
  div.container.theme--g100 .bx--cc--chart-wrapper svg.layout-svg-wrapper {
23683
+ height: inherit;
23684
+ width: inherit;
22626
23685
  overflow: visible;
22627
23686
  }
22628
23687
  div.container.theme--g100 div.bx--cc--legend {
@@ -23893,6 +24952,109 @@ div.container.theme--g100 .bx--chart-holder:-webkit-full-screen {
23893
24952
  div.container.theme--g100 .bx--cc--chart-wrapper {
23894
24953
  overflow: visible;
23895
24954
  }
24955
+ div.container.theme--g100 .resource-card-group {
24956
+ margin-left: 0;
24957
+ margin-right: 0;
24958
+ margin-top: 30px;
24959
+ max-width: 700px;
24960
+ }
24961
+ div.container.theme--g100 .resource-card-group .bx--col-md-6.bx--col-lg-6 {
24962
+ border: 1px solid #161616;
24963
+ padding: 0;
24964
+ }
24965
+ div.container.theme--g100 .bx--resource-card .bx--tile {
24966
+ background: #262626;
24967
+ height: 100%;
24968
+ padding: 1rem 25% 1rem 1rem;
24969
+ position: relative;
24970
+ transition: background 70ms;
24971
+ text-decoration: none;
24972
+ }
24973
+ div.container.theme--g100 .bx--resource-card .bx--tile:hover {
24974
+ background: #353535;
24975
+ }
24976
+ div.container.theme--g100 .bx--resource-card__title {
24977
+ font-size: 1.25rem;
24978
+ font-weight: 400;
24979
+ line-height: 1.4;
24980
+ letter-spacing: 0;
24981
+ text-decoration: none;
24982
+ color: #f4f4f4;
24983
+ }
24984
+ div.container.theme--g100 .bx--resource-card__subtitle {
24985
+ font-size: 0.875rem;
24986
+ font-weight: 600;
24987
+ line-height: 1.29;
24988
+ letter-spacing: 0.16px;
24989
+ font-weight: 400;
24990
+ text-decoration: none;
24991
+ color: #f4f4f4;
24992
+ }
24993
+ div.container.theme--g100 .bx--resource-card__icon--img {
24994
+ position: absolute;
24995
+ bottom: 1rem;
24996
+ left: 1rem;
24997
+ min-width: 32px;
24998
+ min-height: 32px;
24999
+ display: flex;
25000
+ align-items: flex-end;
25001
+ }
25002
+ div.container.theme--g100 .bx--resource-card__icon--img .gatsby-resp-image-wrapper,
25003
+ div.container.theme--g100 .bx--resource-card__icon--img img[src*=gif],
25004
+ div.container.theme--g100 .bx--resource-card__icon--img img[src*=svg] {
25005
+ margin-bottom: 0;
25006
+ }
25007
+ div.container.theme--g100 .bx--resource-card__icon--img .gatsby-resp-image-wrapper {
25008
+ position: static !important;
25009
+ }
25010
+ div.container.theme--g100 .bx--resource-card__icon--action {
25011
+ position: absolute;
25012
+ bottom: 1rem;
25013
+ right: 1rem;
25014
+ width: 20px;
25015
+ height: 20px;
25016
+ }
25017
+ div.container.theme--g100 .bx--resource-card .bx--resource-card__icon--action svg {
25018
+ fill: #f4f4f4;
25019
+ }
25020
+ div.container.theme--g100 .bx--resource-card--dark .bx--tile {
25021
+ background: #262626;
25022
+ }
25023
+ div.container.theme--g100 .bx--resource-card--dark .bx--tile:hover {
25024
+ background: #393939;
25025
+ }
25026
+ div.container.theme--g100 .bx--resource-card--dark .bx--resource-card__title,
25027
+ div.container.theme--g100 .bx--resource-card--dark .bx--resource-card__subtitle {
25028
+ color: #ffffff;
25029
+ }
25030
+ div.container.theme--g100 .bx--resource-card--dark .bx--resource-card__icon--action svg {
25031
+ fill: #f4f4f4;
25032
+ }
25033
+ div.container.theme--g100 .bx--resource-card--disabled .bx--tile:hover {
25034
+ background: #262626;
25035
+ cursor: not-allowed;
25036
+ }
25037
+ div.container.theme--g100 .bx--resource-card--disabled .bx--resource-card__title,
25038
+ div.container.theme--g100 .bx--resource-card--disabled .bx--resource-card__subtitle {
25039
+ color: #8d8d8d;
25040
+ }
25041
+ div.container.theme--g100 .bx--resource-card--disabled .bx--resource-card__icon--action svg {
25042
+ fill: #525252;
25043
+ }
25044
+ div.container.theme--g100 .bx--resource-card--disabled .bx--resource-card__icon--img {
25045
+ filter: grayscale(100%);
25046
+ opacity: 0.5;
25047
+ }
25048
+ div.container.theme--g100 .bx--resource-card--disabled.bx--resource-card--dark .bx--tile:hover {
25049
+ background: #262626;
25050
+ }
25051
+ div.container.theme--g100 .bx--resource-card--disabled.bx--resource-card--dark .bx--resource-card__title,
25052
+ div.container.theme--g100 .bx--resource-card--disabled.bx--resource-card--dark .bx--resource-card__subtitle {
25053
+ color: #8d8d8d;
25054
+ }
25055
+ div.container.theme--g100 .bx--resource-card--disabled.bx--resource-card--dark .bx--resource-card__icon--action svg {
25056
+ fill: #525252;
25057
+ }
23896
25058
  div.container.theme--g100 .bx--modal {
23897
25059
  position: fixed;
23898
25060
  z-index: 9000;
@@ -25217,6 +26379,230 @@ div.container.theme--g100 .bx--data-table--sm .bx--form-item.bx--checkbox-wrappe
25217
26379
  outline: 1px solid transparent;
25218
26380
  }
25219
26381
  }
26382
+ div.container.theme--g100 .bx--select {
26383
+ box-sizing: border-box;
26384
+ padding: 0;
26385
+ border: 0;
26386
+ margin: 0;
26387
+ font-family: inherit;
26388
+ font-size: 100%;
26389
+ vertical-align: baseline;
26390
+ position: relative;
26391
+ display: flex;
26392
+ width: 100%;
26393
+ flex-direction: column;
26394
+ align-items: flex-start;
26395
+ }
26396
+ div.container.theme--g100 .bx--select *,
26397
+ div.container.theme--g100 .bx--select *::before,
26398
+ div.container.theme--g100 .bx--select *::after {
26399
+ box-sizing: inherit;
26400
+ }
26401
+ div.container.theme--g100 .bx--select-input__wrapper {
26402
+ position: relative;
26403
+ display: flex;
26404
+ width: 100%;
26405
+ align-items: center;
26406
+ }
26407
+ div.container.theme--g100 .bx--select-input {
26408
+ font-size: 0.875rem;
26409
+ font-weight: 400;
26410
+ line-height: 1.29;
26411
+ letter-spacing: 0.16px;
26412
+ outline: 2px solid transparent;
26413
+ outline-offset: -2px;
26414
+ display: block;
26415
+ width: 100%;
26416
+ height: 2.5rem;
26417
+ padding: 0 3rem 0 1rem;
26418
+ border: none;
26419
+ border-bottom: 1px solid #6f6f6f;
26420
+ appearance: none;
26421
+ background-color: #262626;
26422
+ border-radius: 0;
26423
+ color: #f4f4f4;
26424
+ cursor: pointer;
26425
+ opacity: 1;
26426
+ transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
26427
+ }
26428
+ div.container.theme--g100 .bx--select-input:hover {
26429
+ background-color: #353535;
26430
+ }
26431
+ div.container.theme--g100 .bx--select-input::-ms-expand {
26432
+ display: none;
26433
+ }
26434
+ @-moz-document url-prefix() {
26435
+ div.container.theme--g100 .bx--select-input:-moz-focusring, div.container.theme--g100 .bx--select-input::-moz-focus-inner {
26436
+ background-image: none;
26437
+ color: transparent;
26438
+ text-shadow: 0 0 0 #000000;
26439
+ }
26440
+ }
26441
+ div.container.theme--g100 .bx--select-input:focus {
26442
+ outline: 2px solid #ffffff;
26443
+ outline-offset: -2px;
26444
+ color: #f4f4f4;
26445
+ }
26446
+ @media screen and (prefers-contrast) {
26447
+ div.container.theme--g100 .bx--select-input:focus {
26448
+ outline-style: dotted;
26449
+ }
26450
+ }
26451
+ div.container.theme--g100 .bx--select-input:disabled, div.container.theme--g100 .bx--select-input:hover:disabled {
26452
+ border-bottom-color: #262626;
26453
+ background-color: #262626;
26454
+ color: #525252;
26455
+ cursor: not-allowed;
26456
+ }
26457
+ div.container.theme--g100 .bx--select-input--sm {
26458
+ height: 2rem;
26459
+ max-height: 2rem;
26460
+ }
26461
+ div.container.theme--g100 .bx--select-input--xl,
26462
+ div.container.theme--g100 .bx--select-input--lg {
26463
+ height: 3rem;
26464
+ max-height: 3rem;
26465
+ }
26466
+ div.container.theme--g100 .bx--select--disabled .bx--label,
26467
+ div.container.theme--g100 .bx--select--disabled .bx--form__helper-text {
26468
+ color: #525252;
26469
+ }
26470
+ div.container.theme--g100 .bx--select-input__wrapper[data-invalid] .bx--select-input,
26471
+ div.container.theme--g100 .bx--select--warning .bx--select-input {
26472
+ padding-right: 4.5rem;
26473
+ }
26474
+ div.container.theme--g100 .bx--select-input:disabled ~ .bx--select__arrow {
26475
+ fill: #525252;
26476
+ }
26477
+ div.container.theme--g100 .bx--select--light .bx--select-input {
26478
+ background-color: #393939;
26479
+ }
26480
+ div.container.theme--g100 .bx--select--light .bx--select-input:hover {
26481
+ background-color: #353535;
26482
+ }
26483
+ div.container.theme--g100 .bx--select--light .bx--select-input:disabled, div.container.theme--g100 .bx--select--light .bx--select-input:hover:disabled {
26484
+ background-color: #393939;
26485
+ color: #525252;
26486
+ cursor: not-allowed;
26487
+ }
26488
+ div.container.theme--g100 .bx--select__arrow {
26489
+ position: absolute;
26490
+ top: 0;
26491
+ right: 1rem;
26492
+ height: 100%;
26493
+ fill: #f4f4f4;
26494
+ pointer-events: none;
26495
+ }
26496
+ @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {
26497
+ div.container.theme--g100 .bx--select__arrow path {
26498
+ fill: ButtonText;
26499
+ }
26500
+ }
26501
+ div.container.theme--g100 .bx--select__invalid-icon {
26502
+ position: absolute;
26503
+ right: 2.5rem;
26504
+ }
26505
+ div.container.theme--g100 .bx--select-input__wrapper[data-invalid] .bx--select-input ~ .bx--select__invalid-icon {
26506
+ fill: #fa4d56;
26507
+ }
26508
+ div.container.theme--g100 .bx--select__invalid-icon--warning {
26509
+ fill: #f1c21b;
26510
+ }
26511
+ div.container.theme--g100 .bx--select__invalid-icon--warning path[fill] {
26512
+ fill: #000000;
26513
+ opacity: 1;
26514
+ }
26515
+ div.container.theme--g100 .bx--select-optgroup,
26516
+ div.container.theme--g100 .bx--select-option {
26517
+ color: #f4f4f4;
26518
+ }
26519
+ div.container.theme--g100 .bx--select-optgroup:disabled,
26520
+ div.container.theme--g100 .bx--select-option:disabled {
26521
+ color: #525252;
26522
+ }
26523
+ div.container.theme--g100 .bx--select--inline {
26524
+ display: flex;
26525
+ flex-direction: row;
26526
+ align-items: center;
26527
+ }
26528
+ div.container.theme--g100 .bx--select--inline.bx--select--invalid .bx--label,
26529
+ div.container.theme--g100 .bx--select--inline.bx--select--invalid .bx--form__helper-text {
26530
+ align-self: flex-start;
26531
+ margin-top: 0.8125rem;
26532
+ }
26533
+ div.container.theme--g100 .bx--select--inline .bx--form__helper-text {
26534
+ margin-bottom: 0;
26535
+ margin-left: 0.5rem;
26536
+ }
26537
+ div.container.theme--g100 .bx--select--inline .bx--label {
26538
+ margin: 0 0.5rem 0 0;
26539
+ white-space: nowrap;
26540
+ }
26541
+ div.container.theme--g100 .bx--select--inline .bx--select-input {
26542
+ width: auto;
26543
+ padding-right: 2rem;
26544
+ padding-left: 0.5rem;
26545
+ border-bottom: none;
26546
+ background-color: #161616;
26547
+ color: #f4f4f4;
26548
+ }
26549
+ div.container.theme--g100 .bx--select--inline .bx--select-input[disabled],
26550
+ div.container.theme--g100 .bx--select--inline .bx--select-input[disabled]:hover {
26551
+ background-color: #262626;
26552
+ }
26553
+ div.container.theme--g100 .bx--select--inline .bx--select__arrow {
26554
+ right: 0.5rem;
26555
+ }
26556
+ div.container.theme--g100 .bx--select--inline.bx--select--invalid .bx--select-input {
26557
+ padding-right: 3.5rem;
26558
+ }
26559
+ div.container.theme--g100 .bx--select--inline.bx--select--invalid .bx--select-input ~ .bx--select__invalid-icon {
26560
+ right: 2rem;
26561
+ }
26562
+ div.container.theme--g100 .bx--select--inline .bx--select-input:disabled {
26563
+ color: #c6c6c6;
26564
+ cursor: not-allowed;
26565
+ }
26566
+ div.container.theme--g100 .bx--select--inline .bx--select-input:disabled ~ * {
26567
+ cursor: not-allowed;
26568
+ }
26569
+ div.container.theme--g100 .bx--select.bx--skeleton {
26570
+ position: relative;
26571
+ padding: 0;
26572
+ border: none;
26573
+ background: #353535;
26574
+ box-shadow: none;
26575
+ pointer-events: none;
26576
+ width: 100%;
26577
+ height: 2.5rem;
26578
+ }
26579
+ div.container.theme--g100 .bx--select.bx--skeleton:hover, div.container.theme--g100 .bx--select.bx--skeleton:focus, div.container.theme--g100 .bx--select.bx--skeleton:active {
26580
+ border: none;
26581
+ cursor: default;
26582
+ outline: none;
26583
+ }
26584
+ div.container.theme--g100 .bx--select.bx--skeleton::before {
26585
+ position: absolute;
26586
+ width: 100%;
26587
+ height: 100%;
26588
+ animation: 3000ms ease-in-out skeleton infinite;
26589
+ background: #525252;
26590
+ content: "";
26591
+ will-change: transform-origin, transform, opacity;
26592
+ }
26593
+ @media (prefers-reduced-motion: reduce) {
26594
+ div.container.theme--g100 .bx--select.bx--skeleton::before {
26595
+ animation: none;
26596
+ }
26597
+ }
26598
+ div.container.theme--g100 .bx--select.bx--skeleton .bx--select-input {
26599
+ display: none;
26600
+ }
26601
+ @media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
26602
+ div.container.theme--g100 .bx--select__arrow {
26603
+ fill: ButtonText;
26604
+ }
26605
+ }
25220
26606
  div.container.theme--g100 .bx--radio-button__appearance {
25221
26607
  background-color: transparent;
25222
26608
  border-color: #f4f4f4;
@@ -25455,6 +26841,9 @@ div.container .marginTop-15 {
25455
26841
  div.container .marginTop-30 {
25456
26842
  margin-top: 30px;
25457
26843
  }
26844
+ div.container .marginTop-45 {
26845
+ margin-top: 45px;
26846
+ }
25458
26847
  div.container hr {
25459
26848
  margin-bottom: 75px;
25460
26849
  margin-top: 25px;