@carbon/charts 0.50.5 → 0.50.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/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 */
@@ -11403,6 +11697,11 @@ div.container.theme--white div.bx--cc--legend div.legend-item div.checkbox {
11403
11697
  border: solid 1px #ffffff;
11404
11698
  box-shadow: 0 0 0 2px transparent;
11405
11699
  }
11700
+ @media (forced-colors: active) {
11701
+ div.container.theme--white div.bx--cc--legend div.legend-item div.checkbox {
11702
+ forced-color-adjust: none;
11703
+ }
11704
+ }
11406
11705
  div.container.theme--white div.bx--cc--legend div.legend-item div.checkbox:not(.active) {
11407
11706
  border-color: #525252;
11408
11707
  background: #ffffff;
@@ -11647,6 +11946,11 @@ div.container.theme--white .bx--cc--tooltip .tooltip-color {
11647
11946
  width: 4px;
11648
11947
  height: 100%;
11649
11948
  }
11949
+ @media (forced-colors: active) {
11950
+ div.container.theme--white .bx--cc--tooltip .tooltip-color {
11951
+ forced-color-adjust: none;
11952
+ }
11953
+ }
11650
11954
  div.container.theme--white .bx--cc--tooltip .tooltip-color + div.label p {
11651
11955
  margin-left: 4px;
11652
11956
  }
@@ -12863,49 +13167,143 @@ div.container.theme--white .bx--chart-holder:-webkit-full-screen {
12863
13167
  div.container.theme--white .bx--cc--chart-wrapper {
12864
13168
  overflow: visible;
12865
13169
  }
12866
- div.container.theme--g10 {
12867
- /* cyrillic-ext */
12868
- /* cyrillic */
12869
- /* greek */
12870
- /* vietnamese */
12871
- /* latin-ext */
12872
- /* latin */
12873
- /* cyrillic-ext */
12874
- /* cyrillic */
12875
- /* greek */
12876
- /* vietnamese */
12877
- /* latin-ext */
12878
- /* latin */
12879
- /* cyrillic-ext */
12880
- /* cyrillic */
12881
- /* greek */
12882
- /* vietnamese */
12883
- /* latin-ext */
12884
- /* latin */
12885
- /* cyrillic-ext */
12886
- /* cyrillic */
12887
- /* greek */
12888
- /* vietnamese */
12889
- /* latin-ext */
12890
- /* latin */
12891
- /* cyrillic-ext */
12892
- /* cyrillic */
12893
- /* greek */
12894
- /* vietnamese */
12895
- /* latin-ext */
12896
- /* latin */
12897
- /* cyrillic-ext */
12898
- /* cyrillic */
12899
- /* greek */
12900
- /* vietnamese */
12901
- /* latin-ext */
12902
- /* latin */
12903
- /* vietnamese */
12904
- /* latin-ext */
12905
- /* latin */
12906
- /* vietnamese */
12907
- /* latin-ext */
12908
- /* latin */
13170
+ div.container.theme--white .resource-card-group {
13171
+ margin-left: 0;
13172
+ margin-right: 0;
13173
+ margin-top: 30px;
13174
+ max-width: 700px;
13175
+ }
13176
+ div.container.theme--white .resource-card-group .bx--col-md-6.bx--col-lg-6 {
13177
+ border: 1px solid #ffffff;
13178
+ padding: 0;
13179
+ }
13180
+ div.container.theme--white .bx--resource-card .bx--tile {
13181
+ background: #f4f4f4;
13182
+ height: 100%;
13183
+ padding: 1rem 25% 1rem 1rem;
13184
+ position: relative;
13185
+ transition: background 70ms;
13186
+ text-decoration: none;
13187
+ }
13188
+ div.container.theme--white .bx--resource-card .bx--tile:hover {
13189
+ background: #e5e5e5;
13190
+ }
13191
+ div.container.theme--white .bx--resource-card__title {
13192
+ font-size: 1.25rem;
13193
+ font-weight: 400;
13194
+ line-height: 1.4;
13195
+ letter-spacing: 0;
13196
+ text-decoration: none;
13197
+ color: #161616;
13198
+ }
13199
+ div.container.theme--white .bx--resource-card__subtitle {
13200
+ font-size: 0.875rem;
13201
+ font-weight: 600;
13202
+ line-height: 1.29;
13203
+ letter-spacing: 0.16px;
13204
+ font-weight: 400;
13205
+ text-decoration: none;
13206
+ color: #161616;
13207
+ }
13208
+ div.container.theme--white .bx--resource-card__icon--img {
13209
+ position: absolute;
13210
+ bottom: 1rem;
13211
+ left: 1rem;
13212
+ min-width: 32px;
13213
+ min-height: 32px;
13214
+ display: flex;
13215
+ align-items: flex-end;
13216
+ }
13217
+ div.container.theme--white .bx--resource-card__icon--img .gatsby-resp-image-wrapper,
13218
+ div.container.theme--white .bx--resource-card__icon--img img[src*=gif],
13219
+ div.container.theme--white .bx--resource-card__icon--img img[src*=svg] {
13220
+ margin-bottom: 0;
13221
+ }
13222
+ div.container.theme--white .bx--resource-card__icon--img .gatsby-resp-image-wrapper {
13223
+ position: static !important;
13224
+ }
13225
+ div.container.theme--white .bx--resource-card__icon--action {
13226
+ position: absolute;
13227
+ bottom: 1rem;
13228
+ right: 1rem;
13229
+ width: 20px;
13230
+ height: 20px;
13231
+ }
13232
+ div.container.theme--white .bx--resource-card .bx--resource-card__icon--action svg {
13233
+ fill: #161616;
13234
+ }
13235
+ div.container.theme--white .bx--resource-card--dark .bx--tile {
13236
+ background: #262626;
13237
+ }
13238
+ div.container.theme--white .bx--resource-card--dark .bx--tile:hover {
13239
+ background: #393939;
13240
+ }
13241
+ div.container.theme--white .bx--resource-card--dark .bx--resource-card__title,
13242
+ div.container.theme--white .bx--resource-card--dark .bx--resource-card__subtitle {
13243
+ color: #ffffff;
13244
+ }
13245
+ div.container.theme--white .bx--resource-card--dark .bx--resource-card__icon--action svg {
13246
+ fill: #f4f4f4;
13247
+ }
13248
+ div.container.theme--white .bx--resource-card--disabled .bx--tile:hover {
13249
+ background: #f4f4f4;
13250
+ cursor: not-allowed;
13251
+ }
13252
+ div.container.theme--white .bx--resource-card--disabled .bx--resource-card__title,
13253
+ div.container.theme--white .bx--resource-card--disabled .bx--resource-card__subtitle {
13254
+ color: #8d8d8d;
13255
+ }
13256
+ div.container.theme--white .bx--resource-card--disabled .bx--resource-card__icon--action svg {
13257
+ fill: #c6c6c6;
13258
+ }
13259
+ div.container.theme--white .bx--resource-card--disabled .bx--resource-card__icon--img {
13260
+ filter: grayscale(100%);
13261
+ opacity: 0.5;
13262
+ }
13263
+ div.container.theme--white .bx--resource-card--disabled.bx--resource-card--dark .bx--tile:hover {
13264
+ background: #262626;
13265
+ }
13266
+ div.container.theme--white .bx--resource-card--disabled.bx--resource-card--dark .bx--resource-card__title,
13267
+ div.container.theme--white .bx--resource-card--disabled.bx--resource-card--dark .bx--resource-card__subtitle {
13268
+ color: #8d8d8d;
13269
+ }
13270
+ div.container.theme--white .bx--resource-card--disabled.bx--resource-card--dark .bx--resource-card__icon--action svg {
13271
+ fill: #525252;
13272
+ }
13273
+ div.container.theme--g10 {
13274
+ /* cyrillic-ext */
13275
+ /* cyrillic */
13276
+ /* greek */
13277
+ /* vietnamese */
13278
+ /* latin-ext */
13279
+ /* latin */
13280
+ /* cyrillic-ext */
13281
+ /* cyrillic */
13282
+ /* greek */
13283
+ /* vietnamese */
13284
+ /* latin-ext */
13285
+ /* latin */
13286
+ /* cyrillic-ext */
13287
+ /* cyrillic */
13288
+ /* greek */
13289
+ /* vietnamese */
13290
+ /* latin-ext */
13291
+ /* latin */
13292
+ /* cyrillic-ext */
13293
+ /* cyrillic */
13294
+ /* greek */
13295
+ /* vietnamese */
13296
+ /* latin-ext */
13297
+ /* latin */
13298
+ /* cyrillic-ext */
13299
+ /* cyrillic */
13300
+ /* greek */
13301
+ /* vietnamese */
13302
+ /* latin-ext */
13303
+ /* latin */
13304
+ /* cyrillic-ext */
13305
+ /* cyrillic */
13306
+ /* greek */
12909
13307
  /* vietnamese */
12910
13308
  /* latin-ext */
12911
13309
  /* latin */
@@ -12918,13 +13316,22 @@ div.container.theme--g10 {
12918
13316
  /* vietnamese */
12919
13317
  /* latin-ext */
12920
13318
  /* latin */
13319
+ /* vietnamese */
13320
+ /* latin-ext */
13321
+ /* latin */
13322
+ /* vietnamese */
13323
+ /* latin-ext */
13324
+ /* latin */
13325
+ /* vietnamese */
13326
+ /* latin-ext */
13327
+ /* latin */
13328
+ color: #161616;
13329
+ background-color: #f4f4f4;
13330
+ line-height: 1;
12921
13331
  /* stylelint-disable */
12922
13332
  /* stylelint-enable */
12923
13333
  /* stylelint-disable */
12924
13334
  /*stylelint-enable */
12925
- color: #161616;
12926
- background-color: #f4f4f4;
12927
- line-height: 1;
12928
13335
  }
12929
13336
  div.container.theme--g10 .bx--cc--chart-wrapper .fill-1-1-1 {
12930
13337
  fill: #6929c4;
@@ -14411,6 +14818,11 @@ div.container.theme--g10 div.bx--cc--legend div.legend-item div.checkbox {
14411
14818
  border: solid 1px #f4f4f4;
14412
14819
  box-shadow: 0 0 0 2px transparent;
14413
14820
  }
14821
+ @media (forced-colors: active) {
14822
+ div.container.theme--g10 div.bx--cc--legend div.legend-item div.checkbox {
14823
+ forced-color-adjust: none;
14824
+ }
14825
+ }
14414
14826
  div.container.theme--g10 div.bx--cc--legend div.legend-item div.checkbox:not(.active) {
14415
14827
  border-color: #525252;
14416
14828
  background: #f4f4f4;
@@ -14655,6 +15067,11 @@ div.container.theme--g10 .bx--cc--tooltip .tooltip-color {
14655
15067
  width: 4px;
14656
15068
  height: 100%;
14657
15069
  }
15070
+ @media (forced-colors: active) {
15071
+ div.container.theme--g10 .bx--cc--tooltip .tooltip-color {
15072
+ forced-color-adjust: none;
15073
+ }
15074
+ }
14658
15075
  div.container.theme--g10 .bx--cc--tooltip .tooltip-color + div.label p {
14659
15076
  margin-left: 4px;
14660
15077
  }
@@ -15652,6 +16069,109 @@ div.container.theme--g10 .bx--chart-holder:-webkit-full-screen {
15652
16069
  div.container.theme--g10 .bx--cc--chart-wrapper {
15653
16070
  overflow: visible;
15654
16071
  }
16072
+ div.container.theme--g10 .resource-card-group {
16073
+ margin-left: 0;
16074
+ margin-right: 0;
16075
+ margin-top: 30px;
16076
+ max-width: 700px;
16077
+ }
16078
+ div.container.theme--g10 .resource-card-group .bx--col-md-6.bx--col-lg-6 {
16079
+ border: 1px solid #f4f4f4;
16080
+ padding: 0;
16081
+ }
16082
+ div.container.theme--g10 .bx--resource-card .bx--tile {
16083
+ background: #ffffff;
16084
+ height: 100%;
16085
+ padding: 1rem 25% 1rem 1rem;
16086
+ position: relative;
16087
+ transition: background 70ms;
16088
+ text-decoration: none;
16089
+ }
16090
+ div.container.theme--g10 .bx--resource-card .bx--tile:hover {
16091
+ background: #e5e5e5;
16092
+ }
16093
+ div.container.theme--g10 .bx--resource-card__title {
16094
+ font-size: 1.25rem;
16095
+ font-weight: 400;
16096
+ line-height: 1.4;
16097
+ letter-spacing: 0;
16098
+ text-decoration: none;
16099
+ color: #161616;
16100
+ }
16101
+ div.container.theme--g10 .bx--resource-card__subtitle {
16102
+ font-size: 0.875rem;
16103
+ font-weight: 600;
16104
+ line-height: 1.29;
16105
+ letter-spacing: 0.16px;
16106
+ font-weight: 400;
16107
+ text-decoration: none;
16108
+ color: #161616;
16109
+ }
16110
+ div.container.theme--g10 .bx--resource-card__icon--img {
16111
+ position: absolute;
16112
+ bottom: 1rem;
16113
+ left: 1rem;
16114
+ min-width: 32px;
16115
+ min-height: 32px;
16116
+ display: flex;
16117
+ align-items: flex-end;
16118
+ }
16119
+ div.container.theme--g10 .bx--resource-card__icon--img .gatsby-resp-image-wrapper,
16120
+ div.container.theme--g10 .bx--resource-card__icon--img img[src*=gif],
16121
+ div.container.theme--g10 .bx--resource-card__icon--img img[src*=svg] {
16122
+ margin-bottom: 0;
16123
+ }
16124
+ div.container.theme--g10 .bx--resource-card__icon--img .gatsby-resp-image-wrapper {
16125
+ position: static !important;
16126
+ }
16127
+ div.container.theme--g10 .bx--resource-card__icon--action {
16128
+ position: absolute;
16129
+ bottom: 1rem;
16130
+ right: 1rem;
16131
+ width: 20px;
16132
+ height: 20px;
16133
+ }
16134
+ div.container.theme--g10 .bx--resource-card .bx--resource-card__icon--action svg {
16135
+ fill: #161616;
16136
+ }
16137
+ div.container.theme--g10 .bx--resource-card--dark .bx--tile {
16138
+ background: #262626;
16139
+ }
16140
+ div.container.theme--g10 .bx--resource-card--dark .bx--tile:hover {
16141
+ background: #393939;
16142
+ }
16143
+ div.container.theme--g10 .bx--resource-card--dark .bx--resource-card__title,
16144
+ div.container.theme--g10 .bx--resource-card--dark .bx--resource-card__subtitle {
16145
+ color: #ffffff;
16146
+ }
16147
+ div.container.theme--g10 .bx--resource-card--dark .bx--resource-card__icon--action svg {
16148
+ fill: #f4f4f4;
16149
+ }
16150
+ div.container.theme--g10 .bx--resource-card--disabled .bx--tile:hover {
16151
+ background: #ffffff;
16152
+ cursor: not-allowed;
16153
+ }
16154
+ div.container.theme--g10 .bx--resource-card--disabled .bx--resource-card__title,
16155
+ div.container.theme--g10 .bx--resource-card--disabled .bx--resource-card__subtitle {
16156
+ color: #8d8d8d;
16157
+ }
16158
+ div.container.theme--g10 .bx--resource-card--disabled .bx--resource-card__icon--action svg {
16159
+ fill: #c6c6c6;
16160
+ }
16161
+ div.container.theme--g10 .bx--resource-card--disabled .bx--resource-card__icon--img {
16162
+ filter: grayscale(100%);
16163
+ opacity: 0.5;
16164
+ }
16165
+ div.container.theme--g10 .bx--resource-card--disabled.bx--resource-card--dark .bx--tile:hover {
16166
+ background: #262626;
16167
+ }
16168
+ div.container.theme--g10 .bx--resource-card--disabled.bx--resource-card--dark .bx--resource-card__title,
16169
+ div.container.theme--g10 .bx--resource-card--disabled.bx--resource-card--dark .bx--resource-card__subtitle {
16170
+ color: #8d8d8d;
16171
+ }
16172
+ div.container.theme--g10 .bx--resource-card--disabled.bx--resource-card--dark .bx--resource-card__icon--action svg {
16173
+ fill: #525252;
16174
+ }
15655
16175
  div.container.theme--g10 .bx--modal {
15656
16176
  position: fixed;
15657
16177
  z-index: 9000;
@@ -15683,7 +16203,7 @@ div.container.theme--g10 .bx--modal .bx--dropdown,
15683
16203
  div.container.theme--g10 .bx--modal .bx--dropdown-list,
15684
16204
  div.container.theme--g10 .bx--modal .bx--number input[type=number],
15685
16205
  div.container.theme--g10 .bx--modal .bx--date-picker__input {
15686
- background-color: #ffffff;
16206
+ background-color: #f4f4f4;
15687
16207
  }
15688
16208
  div.container.theme--g10 .bx--modal.is-visible .bx--modal-container {
15689
16209
  transform: translate3d(0, 0, 0);
@@ -15697,7 +16217,7 @@ div.container.theme--g10 .bx--modal-container {
15697
16217
  width: 100%;
15698
16218
  height: 100%;
15699
16219
  max-height: 100%;
15700
- background-color: #f4f4f4;
16220
+ background-color: #ffffff;
15701
16221
  grid-template-columns: 100%;
15702
16222
  grid-template-rows: auto 1fr auto;
15703
16223
  outline: 3px solid transparent;
@@ -15893,7 +16413,7 @@ div.container.theme--g10 .bx--modal-content--overflow-indicator {
15893
16413
  left: 0;
15894
16414
  width: 100%;
15895
16415
  height: 2rem;
15896
- background-image: linear-gradient(to bottom, rgba(244, 244, 244, 0), #f4f4f4);
16416
+ background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
15897
16417
  content: "";
15898
16418
  grid-column: 1/-1;
15899
16419
  grid-row: 2/-2;
@@ -15902,7 +16422,7 @@ div.container.theme--g10 .bx--modal-content--overflow-indicator {
15902
16422
  @media not all and (min-resolution: 0.001dpcm) {
15903
16423
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
15904
16424
  div.container.theme--g10 .bx--modal-content--overflow-indicator {
15905
- background-image: linear-gradient(to bottom, rgba(244, 244, 244, 0), #f4f4f4);
16425
+ background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
15906
16426
  }
15907
16427
  }
15908
16428
  }
@@ -16078,12 +16598,12 @@ div.container.theme--g10 .bx--overflow-menu__trigger.bx--tooltip--a11y.bx--toolt
16078
16598
  div.container.theme--g10 .bx--overflow-menu.bx--overflow-menu--open,
16079
16599
  div.container.theme--g10 .bx--overflow-menu.bx--overflow-menu--open .bx--overflow-menu__trigger {
16080
16600
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
16081
- background-color: #f4f4f4;
16601
+ background-color: #ffffff;
16082
16602
  transition: none;
16083
16603
  }
16084
16604
  div.container.theme--g10 .bx--overflow-menu--light.bx--overflow-menu--open,
16085
16605
  div.container.theme--g10 .bx--overflow-menu--light.bx--overflow-menu--open .bx--overflow-menu__trigger {
16086
- background-color: #ffffff;
16606
+ background-color: #f4f4f4;
16087
16607
  }
16088
16608
  div.container.theme--g10 .bx--overflow-menu__icon {
16089
16609
  width: 1rem;
@@ -16107,7 +16627,7 @@ div.container.theme--g10 .bx--overflow-menu-options {
16107
16627
  width: 10rem;
16108
16628
  flex-direction: column;
16109
16629
  align-items: flex-start;
16110
- background-color: #f4f4f4;
16630
+ background-color: #ffffff;
16111
16631
  list-style: none;
16112
16632
  }
16113
16633
  div.container.theme--g10 .bx--overflow-menu-options *,
@@ -16118,21 +16638,21 @@ div.container.theme--g10 .bx--overflow-menu-options *::after {
16118
16638
  div.container.theme--g10 .bx--overflow-menu-options::after {
16119
16639
  position: absolute;
16120
16640
  display: block;
16121
- background-color: #f4f4f4;
16641
+ background-color: #ffffff;
16122
16642
  content: "";
16123
16643
  transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
16124
16644
  }
16125
16645
  div.container.theme--g10 .bx--overflow-menu.bx--overflow-menu--open:hover {
16126
- background-color: #f4f4f4;
16646
+ background-color: #ffffff;
16127
16647
  }
16128
16648
  div.container.theme--g10 .bx--overflow-menu-options--light {
16129
- background-color: #ffffff;
16649
+ background-color: #f4f4f4;
16130
16650
  }
16131
16651
  div.container.theme--g10 .bx--overflow-menu-options--light::after {
16132
- background-color: #ffffff;
16652
+ background-color: #f4f4f4;
16133
16653
  }
16134
16654
  div.container.theme--g10 .bx--overflow-menu.bx--overflow-menu--light.bx--overflow-menu--open:hover {
16135
- background-color: #ffffff;
16655
+ background-color: #f4f4f4;
16136
16656
  }
16137
16657
  div.container.theme--g10 .bx--overflow-menu-options[data-floating-menu-direction=bottom]::after {
16138
16658
  top: -0.1875rem;
@@ -16302,7 +16822,7 @@ div.container.theme--g10 .bx--overflow-menu-options__option--danger .bx--overflo
16302
16822
  fill: currentColor;
16303
16823
  }
16304
16824
  div.container.theme--g10 .bx--overflow-menu-options__option--disabled:hover {
16305
- background-color: #f4f4f4;
16825
+ background-color: #ffffff;
16306
16826
  cursor: not-allowed;
16307
16827
  }
16308
16828
  div.container.theme--g10 .bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn {
@@ -16312,7 +16832,7 @@ div.container.theme--g10 .bx--overflow-menu-options__option--disabled .bx--overf
16312
16832
  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 {
16313
16833
  outline: 2px solid transparent;
16314
16834
  outline-offset: -2px;
16315
- background-color: #f4f4f4;
16835
+ background-color: #ffffff;
16316
16836
  }
16317
16837
  div.container.theme--g10 .bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn svg {
16318
16838
  fill: #c6c6c6;
@@ -16346,7 +16866,7 @@ div.container.theme--g10 .bx--data-table-content {
16346
16866
  }
16347
16867
  div.container.theme--g10 .bx--data-table-header {
16348
16868
  padding: 1rem 0 1.5rem 1rem;
16349
- background: #f4f4f4;
16869
+ background: #ffffff;
16350
16870
  }
16351
16871
  div.container.theme--g10 .bx--data-table-header__title {
16352
16872
  font-size: 1.25rem;
@@ -16380,7 +16900,7 @@ div.container.theme--g10 .bx--data-table tbody {
16380
16900
  line-height: 1.29;
16381
16901
  letter-spacing: 0.16px;
16382
16902
  width: 100%;
16383
- background-color: #f4f4f4;
16903
+ background-color: #ffffff;
16384
16904
  }
16385
16905
  div.container.theme--g10 .bx--data-table tr {
16386
16906
  width: 100%;
@@ -16433,9 +16953,9 @@ div.container.theme--g10 .bx--data-table td,
16433
16953
  div.container.theme--g10 .bx--data-table tbody th {
16434
16954
  padding-right: 1rem;
16435
16955
  padding-left: 1rem;
16436
- border-top: 1px solid #f4f4f4;
16956
+ border-top: 1px solid #ffffff;
16437
16957
  border-bottom: 1px solid #e0e0e0;
16438
- background: #f4f4f4;
16958
+ background: #ffffff;
16439
16959
  color: #525252;
16440
16960
  }
16441
16961
  div.container.theme--g10 .bx--data-table td + td:first-of-type,
@@ -16456,7 +16976,7 @@ div.container.theme--g10 .bx--data-table .bx--number__control-btn::before,
16456
16976
  div.container.theme--g10 .bx--data-table .bx--number__control-btn::after,
16457
16977
  div.container.theme--g10 .bx--data-table .bx--text-input,
16458
16978
  div.container.theme--g10 .bx--data-table .bx--select-input {
16459
- background-color: #ffffff;
16979
+ background-color: #f4f4f4;
16460
16980
  }
16461
16981
  div.container.theme--g10 .bx--data-table td.bx--table-column-menu .bx--overflow-menu[aria-expanded=false]:focus {
16462
16982
  outline: 2px solid #0f62fe;
@@ -16520,7 +17040,7 @@ div.container.theme--g10 .bx--data-table--xl .bx--table-column-menu {
16520
17040
  padding-top: 0.5rem;
16521
17041
  }
16522
17042
  div.container.theme--g10 .bx--data-table--zebra tbody tr:not(.bx--parent-row):nth-child(odd) td {
16523
- border-bottom: 1px solid #f4f4f4;
17043
+ border-bottom: 1px solid #ffffff;
16524
17044
  }
16525
17045
  div.container.theme--g10 .bx--data-table--zebra tbody tr:not(.bx--parent-row):nth-child(even) td {
16526
17046
  border-top: 1px solid #ffffff;
@@ -16965,15 +17485,239 @@ div.container.theme--g10 .bx--data-table--sticky-header {
16965
17485
  div.container.theme--g10 .bx--data-table .bx--form-item.bx--checkbox-wrapper:last-of-type {
16966
17486
  margin: 0;
16967
17487
  }
16968
- div.container.theme--g10 .bx--data-table--short .bx--form-item.bx--checkbox-wrapper:last-of-type,
16969
- div.container.theme--g10 .bx--data-table--compact .bx--form-item.bx--checkbox-wrapper:last-of-type,
16970
- div.container.theme--g10 .bx--data-table--xs .bx--form-item.bx--checkbox-wrapper:last-of-type,
16971
- div.container.theme--g10 .bx--data-table--sm .bx--form-item.bx--checkbox-wrapper:last-of-type {
16972
- margin: -0.1875rem 0;
17488
+ div.container.theme--g10 .bx--data-table--short .bx--form-item.bx--checkbox-wrapper:last-of-type,
17489
+ div.container.theme--g10 .bx--data-table--compact .bx--form-item.bx--checkbox-wrapper:last-of-type,
17490
+ div.container.theme--g10 .bx--data-table--xs .bx--form-item.bx--checkbox-wrapper:last-of-type,
17491
+ div.container.theme--g10 .bx--data-table--sm .bx--form-item.bx--checkbox-wrapper:last-of-type {
17492
+ margin: -0.1875rem 0;
17493
+ }
17494
+ @media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
17495
+ div.container.theme--g10 .bx--data-table-content {
17496
+ outline: 1px solid transparent;
17497
+ }
17498
+ }
17499
+ div.container.theme--g10 .bx--select {
17500
+ box-sizing: border-box;
17501
+ padding: 0;
17502
+ border: 0;
17503
+ margin: 0;
17504
+ font-family: inherit;
17505
+ font-size: 100%;
17506
+ vertical-align: baseline;
17507
+ position: relative;
17508
+ display: flex;
17509
+ width: 100%;
17510
+ flex-direction: column;
17511
+ align-items: flex-start;
17512
+ }
17513
+ div.container.theme--g10 .bx--select *,
17514
+ div.container.theme--g10 .bx--select *::before,
17515
+ div.container.theme--g10 .bx--select *::after {
17516
+ box-sizing: inherit;
17517
+ }
17518
+ div.container.theme--g10 .bx--select-input__wrapper {
17519
+ position: relative;
17520
+ display: flex;
17521
+ width: 100%;
17522
+ align-items: center;
17523
+ }
17524
+ div.container.theme--g10 .bx--select-input {
17525
+ font-size: 0.875rem;
17526
+ font-weight: 400;
17527
+ line-height: 1.29;
17528
+ letter-spacing: 0.16px;
17529
+ outline: 2px solid transparent;
17530
+ outline-offset: -2px;
17531
+ display: block;
17532
+ width: 100%;
17533
+ height: 2.5rem;
17534
+ padding: 0 3rem 0 1rem;
17535
+ border: none;
17536
+ border-bottom: 1px solid #8d8d8d;
17537
+ appearance: none;
17538
+ background-color: #ffffff;
17539
+ border-radius: 0;
17540
+ color: #161616;
17541
+ cursor: pointer;
17542
+ opacity: 1;
17543
+ transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
17544
+ }
17545
+ div.container.theme--g10 .bx--select-input:hover {
17546
+ background-color: #e5e5e5;
17547
+ }
17548
+ div.container.theme--g10 .bx--select-input::-ms-expand {
17549
+ display: none;
17550
+ }
17551
+ @-moz-document url-prefix() {
17552
+ div.container.theme--g10 .bx--select-input:-moz-focusring, div.container.theme--g10 .bx--select-input::-moz-focus-inner {
17553
+ background-image: none;
17554
+ color: transparent;
17555
+ text-shadow: 0 0 0 #000000;
17556
+ }
17557
+ }
17558
+ div.container.theme--g10 .bx--select-input:focus {
17559
+ outline: 2px solid #0f62fe;
17560
+ outline-offset: -2px;
17561
+ color: #161616;
17562
+ }
17563
+ @media screen and (prefers-contrast) {
17564
+ div.container.theme--g10 .bx--select-input:focus {
17565
+ outline-style: dotted;
17566
+ }
17567
+ }
17568
+ div.container.theme--g10 .bx--select-input:disabled, div.container.theme--g10 .bx--select-input:hover:disabled {
17569
+ border-bottom-color: #ffffff;
17570
+ background-color: #ffffff;
17571
+ color: #c6c6c6;
17572
+ cursor: not-allowed;
17573
+ }
17574
+ div.container.theme--g10 .bx--select-input--sm {
17575
+ height: 2rem;
17576
+ max-height: 2rem;
17577
+ }
17578
+ div.container.theme--g10 .bx--select-input--xl,
17579
+ div.container.theme--g10 .bx--select-input--lg {
17580
+ height: 3rem;
17581
+ max-height: 3rem;
17582
+ }
17583
+ div.container.theme--g10 .bx--select--disabled .bx--label,
17584
+ div.container.theme--g10 .bx--select--disabled .bx--form__helper-text {
17585
+ color: #c6c6c6;
17586
+ }
17587
+ div.container.theme--g10 .bx--select-input__wrapper[data-invalid] .bx--select-input,
17588
+ div.container.theme--g10 .bx--select--warning .bx--select-input {
17589
+ padding-right: 4.5rem;
17590
+ }
17591
+ div.container.theme--g10 .bx--select-input:disabled ~ .bx--select__arrow {
17592
+ fill: #c6c6c6;
17593
+ }
17594
+ div.container.theme--g10 .bx--select--light .bx--select-input {
17595
+ background-color: #f4f4f4;
17596
+ }
17597
+ div.container.theme--g10 .bx--select--light .bx--select-input:hover {
17598
+ background-color: #e5e5e5;
17599
+ }
17600
+ div.container.theme--g10 .bx--select--light .bx--select-input:disabled, div.container.theme--g10 .bx--select--light .bx--select-input:hover:disabled {
17601
+ background-color: #f4f4f4;
17602
+ color: #c6c6c6;
17603
+ cursor: not-allowed;
17604
+ }
17605
+ div.container.theme--g10 .bx--select__arrow {
17606
+ position: absolute;
17607
+ top: 0;
17608
+ right: 1rem;
17609
+ height: 100%;
17610
+ fill: #161616;
17611
+ pointer-events: none;
17612
+ }
17613
+ @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {
17614
+ div.container.theme--g10 .bx--select__arrow path {
17615
+ fill: ButtonText;
17616
+ }
17617
+ }
17618
+ div.container.theme--g10 .bx--select__invalid-icon {
17619
+ position: absolute;
17620
+ right: 2.5rem;
17621
+ }
17622
+ div.container.theme--g10 .bx--select-input__wrapper[data-invalid] .bx--select-input ~ .bx--select__invalid-icon {
17623
+ fill: #da1e28;
17624
+ }
17625
+ div.container.theme--g10 .bx--select__invalid-icon--warning {
17626
+ fill: #f1c21b;
17627
+ }
17628
+ div.container.theme--g10 .bx--select__invalid-icon--warning path[fill] {
17629
+ fill: #000000;
17630
+ opacity: 1;
17631
+ }
17632
+ div.container.theme--g10 .bx--select-optgroup,
17633
+ div.container.theme--g10 .bx--select-option {
17634
+ color: #161616;
17635
+ }
17636
+ div.container.theme--g10 .bx--select-optgroup:disabled,
17637
+ div.container.theme--g10 .bx--select-option:disabled {
17638
+ color: #c6c6c6;
17639
+ }
17640
+ div.container.theme--g10 .bx--select--inline {
17641
+ display: flex;
17642
+ flex-direction: row;
17643
+ align-items: center;
17644
+ }
17645
+ div.container.theme--g10 .bx--select--inline.bx--select--invalid .bx--label,
17646
+ div.container.theme--g10 .bx--select--inline.bx--select--invalid .bx--form__helper-text {
17647
+ align-self: flex-start;
17648
+ margin-top: 0.8125rem;
17649
+ }
17650
+ div.container.theme--g10 .bx--select--inline .bx--form__helper-text {
17651
+ margin-bottom: 0;
17652
+ margin-left: 0.5rem;
17653
+ }
17654
+ div.container.theme--g10 .bx--select--inline .bx--label {
17655
+ margin: 0 0.5rem 0 0;
17656
+ white-space: nowrap;
17657
+ }
17658
+ div.container.theme--g10 .bx--select--inline .bx--select-input {
17659
+ width: auto;
17660
+ padding-right: 2rem;
17661
+ padding-left: 0.5rem;
17662
+ border-bottom: none;
17663
+ background-color: #f4f4f4;
17664
+ color: #161616;
17665
+ }
17666
+ div.container.theme--g10 .bx--select--inline .bx--select-input[disabled],
17667
+ div.container.theme--g10 .bx--select--inline .bx--select-input[disabled]:hover {
17668
+ background-color: #ffffff;
17669
+ }
17670
+ div.container.theme--g10 .bx--select--inline .bx--select__arrow {
17671
+ right: 0.5rem;
17672
+ }
17673
+ div.container.theme--g10 .bx--select--inline.bx--select--invalid .bx--select-input {
17674
+ padding-right: 3.5rem;
17675
+ }
17676
+ div.container.theme--g10 .bx--select--inline.bx--select--invalid .bx--select-input ~ .bx--select__invalid-icon {
17677
+ right: 2rem;
17678
+ }
17679
+ div.container.theme--g10 .bx--select--inline .bx--select-input:disabled {
17680
+ color: #c6c6c6;
17681
+ cursor: not-allowed;
17682
+ }
17683
+ div.container.theme--g10 .bx--select--inline .bx--select-input:disabled ~ * {
17684
+ cursor: not-allowed;
17685
+ }
17686
+ div.container.theme--g10 .bx--select.bx--skeleton {
17687
+ position: relative;
17688
+ padding: 0;
17689
+ border: none;
17690
+ background: #e5e5e5;
17691
+ box-shadow: none;
17692
+ pointer-events: none;
17693
+ width: 100%;
17694
+ height: 2.5rem;
17695
+ }
17696
+ 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 {
17697
+ border: none;
17698
+ cursor: default;
17699
+ outline: none;
17700
+ }
17701
+ div.container.theme--g10 .bx--select.bx--skeleton::before {
17702
+ position: absolute;
17703
+ width: 100%;
17704
+ height: 100%;
17705
+ animation: 3000ms ease-in-out skeleton infinite;
17706
+ background: #c6c6c6;
17707
+ content: "";
17708
+ will-change: transform-origin, transform, opacity;
17709
+ }
17710
+ @media (prefers-reduced-motion: reduce) {
17711
+ div.container.theme--g10 .bx--select.bx--skeleton::before {
17712
+ animation: none;
17713
+ }
17714
+ }
17715
+ div.container.theme--g10 .bx--select.bx--skeleton .bx--select-input {
17716
+ display: none;
16973
17717
  }
16974
17718
  @media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
16975
- div.container.theme--g10 .bx--data-table-content {
16976
- outline: 1px solid transparent;
17719
+ div.container.theme--g10 .bx--select__arrow {
17720
+ fill: ButtonText;
16977
17721
  }
16978
17722
  }
16979
17723
  div.container.theme--g90 {
@@ -18524,6 +19268,11 @@ div.container.theme--g90 div.bx--cc--legend div.legend-item div.checkbox {
18524
19268
  border: solid 1px #262626;
18525
19269
  box-shadow: 0 0 0 2px transparent;
18526
19270
  }
19271
+ @media (forced-colors: active) {
19272
+ div.container.theme--g90 div.bx--cc--legend div.legend-item div.checkbox {
19273
+ forced-color-adjust: none;
19274
+ }
19275
+ }
18527
19276
  div.container.theme--g90 div.bx--cc--legend div.legend-item div.checkbox:not(.active) {
18528
19277
  border-color: #c6c6c6;
18529
19278
  background: #262626;
@@ -18769,6 +19518,11 @@ div.container.theme--g90 .bx--cc--tooltip .tooltip-color {
18769
19518
  width: 4px;
18770
19519
  height: 100%;
18771
19520
  }
19521
+ @media (forced-colors: active) {
19522
+ div.container.theme--g90 .bx--cc--tooltip .tooltip-color {
19523
+ forced-color-adjust: none;
19524
+ }
19525
+ }
18772
19526
  div.container.theme--g90 .bx--cc--tooltip .tooltip-color + div.label p {
18773
19527
  margin-left: 4px;
18774
19528
  }
@@ -19769,6 +20523,109 @@ div.container.theme--g90 .bx--chart-holder:-webkit-full-screen {
19769
20523
  div.container.theme--g90 .bx--cc--chart-wrapper {
19770
20524
  overflow: visible;
19771
20525
  }
20526
+ div.container.theme--g90 .resource-card-group {
20527
+ margin-left: 0;
20528
+ margin-right: 0;
20529
+ margin-top: 30px;
20530
+ max-width: 700px;
20531
+ }
20532
+ div.container.theme--g90 .resource-card-group .bx--col-md-6.bx--col-lg-6 {
20533
+ border: 1px solid #262626;
20534
+ padding: 0;
20535
+ }
20536
+ div.container.theme--g90 .bx--resource-card .bx--tile {
20537
+ background: #393939;
20538
+ height: 100%;
20539
+ padding: 1rem 25% 1rem 1rem;
20540
+ position: relative;
20541
+ transition: background 70ms;
20542
+ text-decoration: none;
20543
+ }
20544
+ div.container.theme--g90 .bx--resource-card .bx--tile:hover {
20545
+ background: #4c4c4c;
20546
+ }
20547
+ div.container.theme--g90 .bx--resource-card__title {
20548
+ font-size: 1.25rem;
20549
+ font-weight: 400;
20550
+ line-height: 1.4;
20551
+ letter-spacing: 0;
20552
+ text-decoration: none;
20553
+ color: #f4f4f4;
20554
+ }
20555
+ div.container.theme--g90 .bx--resource-card__subtitle {
20556
+ font-size: 0.875rem;
20557
+ font-weight: 600;
20558
+ line-height: 1.29;
20559
+ letter-spacing: 0.16px;
20560
+ font-weight: 400;
20561
+ text-decoration: none;
20562
+ color: #f4f4f4;
20563
+ }
20564
+ div.container.theme--g90 .bx--resource-card__icon--img {
20565
+ position: absolute;
20566
+ bottom: 1rem;
20567
+ left: 1rem;
20568
+ min-width: 32px;
20569
+ min-height: 32px;
20570
+ display: flex;
20571
+ align-items: flex-end;
20572
+ }
20573
+ div.container.theme--g90 .bx--resource-card__icon--img .gatsby-resp-image-wrapper,
20574
+ div.container.theme--g90 .bx--resource-card__icon--img img[src*=gif],
20575
+ div.container.theme--g90 .bx--resource-card__icon--img img[src*=svg] {
20576
+ margin-bottom: 0;
20577
+ }
20578
+ div.container.theme--g90 .bx--resource-card__icon--img .gatsby-resp-image-wrapper {
20579
+ position: static !important;
20580
+ }
20581
+ div.container.theme--g90 .bx--resource-card__icon--action {
20582
+ position: absolute;
20583
+ bottom: 1rem;
20584
+ right: 1rem;
20585
+ width: 20px;
20586
+ height: 20px;
20587
+ }
20588
+ div.container.theme--g90 .bx--resource-card .bx--resource-card__icon--action svg {
20589
+ fill: #f4f4f4;
20590
+ }
20591
+ div.container.theme--g90 .bx--resource-card--dark .bx--tile {
20592
+ background: #262626;
20593
+ }
20594
+ div.container.theme--g90 .bx--resource-card--dark .bx--tile:hover {
20595
+ background: #393939;
20596
+ }
20597
+ div.container.theme--g90 .bx--resource-card--dark .bx--resource-card__title,
20598
+ div.container.theme--g90 .bx--resource-card--dark .bx--resource-card__subtitle {
20599
+ color: #ffffff;
20600
+ }
20601
+ div.container.theme--g90 .bx--resource-card--dark .bx--resource-card__icon--action svg {
20602
+ fill: #f4f4f4;
20603
+ }
20604
+ div.container.theme--g90 .bx--resource-card--disabled .bx--tile:hover {
20605
+ background: #393939;
20606
+ cursor: not-allowed;
20607
+ }
20608
+ div.container.theme--g90 .bx--resource-card--disabled .bx--resource-card__title,
20609
+ div.container.theme--g90 .bx--resource-card--disabled .bx--resource-card__subtitle {
20610
+ color: #a8a8a8;
20611
+ }
20612
+ div.container.theme--g90 .bx--resource-card--disabled .bx--resource-card__icon--action svg {
20613
+ fill: #6f6f6f;
20614
+ }
20615
+ div.container.theme--g90 .bx--resource-card--disabled .bx--resource-card__icon--img {
20616
+ filter: grayscale(100%);
20617
+ opacity: 0.5;
20618
+ }
20619
+ div.container.theme--g90 .bx--resource-card--disabled.bx--resource-card--dark .bx--tile:hover {
20620
+ background: #262626;
20621
+ }
20622
+ div.container.theme--g90 .bx--resource-card--disabled.bx--resource-card--dark .bx--resource-card__title,
20623
+ div.container.theme--g90 .bx--resource-card--disabled.bx--resource-card--dark .bx--resource-card__subtitle {
20624
+ color: #8d8d8d;
20625
+ }
20626
+ div.container.theme--g90 .bx--resource-card--disabled.bx--resource-card--dark .bx--resource-card__icon--action svg {
20627
+ fill: #525252;
20628
+ }
19772
20629
  div.container.theme--g90 .bx--modal {
19773
20630
  position: fixed;
19774
20631
  z-index: 9000;
@@ -21079,18 +21936,242 @@ div.container.theme--g90 .bx--data-table--max-width {
21079
21936
  div.container.theme--g90 .bx--data-table--sticky-header {
21080
21937
  max-height: 18.75rem;
21081
21938
  }
21082
- div.container.theme--g90 .bx--data-table .bx--form-item.bx--checkbox-wrapper:last-of-type {
21083
- margin: 0;
21939
+ div.container.theme--g90 .bx--data-table .bx--form-item.bx--checkbox-wrapper:last-of-type {
21940
+ margin: 0;
21941
+ }
21942
+ div.container.theme--g90 .bx--data-table--short .bx--form-item.bx--checkbox-wrapper:last-of-type,
21943
+ div.container.theme--g90 .bx--data-table--compact .bx--form-item.bx--checkbox-wrapper:last-of-type,
21944
+ div.container.theme--g90 .bx--data-table--xs .bx--form-item.bx--checkbox-wrapper:last-of-type,
21945
+ div.container.theme--g90 .bx--data-table--sm .bx--form-item.bx--checkbox-wrapper:last-of-type {
21946
+ margin: -0.1875rem 0;
21947
+ }
21948
+ @media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
21949
+ div.container.theme--g90 .bx--data-table-content {
21950
+ outline: 1px solid transparent;
21951
+ }
21952
+ }
21953
+ div.container.theme--g90 .bx--select {
21954
+ box-sizing: border-box;
21955
+ padding: 0;
21956
+ border: 0;
21957
+ margin: 0;
21958
+ font-family: inherit;
21959
+ font-size: 100%;
21960
+ vertical-align: baseline;
21961
+ position: relative;
21962
+ display: flex;
21963
+ width: 100%;
21964
+ flex-direction: column;
21965
+ align-items: flex-start;
21966
+ }
21967
+ div.container.theme--g90 .bx--select *,
21968
+ div.container.theme--g90 .bx--select *::before,
21969
+ div.container.theme--g90 .bx--select *::after {
21970
+ box-sizing: inherit;
21971
+ }
21972
+ div.container.theme--g90 .bx--select-input__wrapper {
21973
+ position: relative;
21974
+ display: flex;
21975
+ width: 100%;
21976
+ align-items: center;
21977
+ }
21978
+ div.container.theme--g90 .bx--select-input {
21979
+ font-size: 0.875rem;
21980
+ font-weight: 400;
21981
+ line-height: 1.29;
21982
+ letter-spacing: 0.16px;
21983
+ outline: 2px solid transparent;
21984
+ outline-offset: -2px;
21985
+ display: block;
21986
+ width: 100%;
21987
+ height: 2.5rem;
21988
+ padding: 0 3rem 0 1rem;
21989
+ border: none;
21990
+ border-bottom: 1px solid #8d8d8d;
21991
+ appearance: none;
21992
+ background-color: #393939;
21993
+ border-radius: 0;
21994
+ color: #f4f4f4;
21995
+ cursor: pointer;
21996
+ opacity: 1;
21997
+ transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
21998
+ }
21999
+ div.container.theme--g90 .bx--select-input:hover {
22000
+ background-color: #4c4c4c;
22001
+ }
22002
+ div.container.theme--g90 .bx--select-input::-ms-expand {
22003
+ display: none;
22004
+ }
22005
+ @-moz-document url-prefix() {
22006
+ div.container.theme--g90 .bx--select-input:-moz-focusring, div.container.theme--g90 .bx--select-input::-moz-focus-inner {
22007
+ background-image: none;
22008
+ color: transparent;
22009
+ text-shadow: 0 0 0 #000000;
22010
+ }
22011
+ }
22012
+ div.container.theme--g90 .bx--select-input:focus {
22013
+ outline: 2px solid #ffffff;
22014
+ outline-offset: -2px;
22015
+ color: #f4f4f4;
22016
+ }
22017
+ @media screen and (prefers-contrast) {
22018
+ div.container.theme--g90 .bx--select-input:focus {
22019
+ outline-style: dotted;
22020
+ }
22021
+ }
22022
+ div.container.theme--g90 .bx--select-input:disabled, div.container.theme--g90 .bx--select-input:hover:disabled {
22023
+ border-bottom-color: #393939;
22024
+ background-color: #393939;
22025
+ color: #6f6f6f;
22026
+ cursor: not-allowed;
22027
+ }
22028
+ div.container.theme--g90 .bx--select-input--sm {
22029
+ height: 2rem;
22030
+ max-height: 2rem;
22031
+ }
22032
+ div.container.theme--g90 .bx--select-input--xl,
22033
+ div.container.theme--g90 .bx--select-input--lg {
22034
+ height: 3rem;
22035
+ max-height: 3rem;
22036
+ }
22037
+ div.container.theme--g90 .bx--select--disabled .bx--label,
22038
+ div.container.theme--g90 .bx--select--disabled .bx--form__helper-text {
22039
+ color: #6f6f6f;
22040
+ }
22041
+ div.container.theme--g90 .bx--select-input__wrapper[data-invalid] .bx--select-input,
22042
+ div.container.theme--g90 .bx--select--warning .bx--select-input {
22043
+ padding-right: 4.5rem;
22044
+ }
22045
+ div.container.theme--g90 .bx--select-input:disabled ~ .bx--select__arrow {
22046
+ fill: #6f6f6f;
22047
+ }
22048
+ div.container.theme--g90 .bx--select--light .bx--select-input {
22049
+ background-color: #525252;
22050
+ }
22051
+ div.container.theme--g90 .bx--select--light .bx--select-input:hover {
22052
+ background-color: #4c4c4c;
22053
+ }
22054
+ div.container.theme--g90 .bx--select--light .bx--select-input:disabled, div.container.theme--g90 .bx--select--light .bx--select-input:hover:disabled {
22055
+ background-color: #525252;
22056
+ color: #6f6f6f;
22057
+ cursor: not-allowed;
22058
+ }
22059
+ div.container.theme--g90 .bx--select__arrow {
22060
+ position: absolute;
22061
+ top: 0;
22062
+ right: 1rem;
22063
+ height: 100%;
22064
+ fill: #f4f4f4;
22065
+ pointer-events: none;
22066
+ }
22067
+ @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {
22068
+ div.container.theme--g90 .bx--select__arrow path {
22069
+ fill: ButtonText;
22070
+ }
22071
+ }
22072
+ div.container.theme--g90 .bx--select__invalid-icon {
22073
+ position: absolute;
22074
+ right: 2.5rem;
22075
+ }
22076
+ div.container.theme--g90 .bx--select-input__wrapper[data-invalid] .bx--select-input ~ .bx--select__invalid-icon {
22077
+ fill: #ff8389;
22078
+ }
22079
+ div.container.theme--g90 .bx--select__invalid-icon--warning {
22080
+ fill: #f1c21b;
22081
+ }
22082
+ div.container.theme--g90 .bx--select__invalid-icon--warning path[fill] {
22083
+ fill: #000000;
22084
+ opacity: 1;
22085
+ }
22086
+ div.container.theme--g90 .bx--select-optgroup,
22087
+ div.container.theme--g90 .bx--select-option {
22088
+ color: #f4f4f4;
22089
+ }
22090
+ div.container.theme--g90 .bx--select-optgroup:disabled,
22091
+ div.container.theme--g90 .bx--select-option:disabled {
22092
+ color: #6f6f6f;
22093
+ }
22094
+ div.container.theme--g90 .bx--select--inline {
22095
+ display: flex;
22096
+ flex-direction: row;
22097
+ align-items: center;
22098
+ }
22099
+ div.container.theme--g90 .bx--select--inline.bx--select--invalid .bx--label,
22100
+ div.container.theme--g90 .bx--select--inline.bx--select--invalid .bx--form__helper-text {
22101
+ align-self: flex-start;
22102
+ margin-top: 0.8125rem;
22103
+ }
22104
+ div.container.theme--g90 .bx--select--inline .bx--form__helper-text {
22105
+ margin-bottom: 0;
22106
+ margin-left: 0.5rem;
22107
+ }
22108
+ div.container.theme--g90 .bx--select--inline .bx--label {
22109
+ margin: 0 0.5rem 0 0;
22110
+ white-space: nowrap;
22111
+ }
22112
+ div.container.theme--g90 .bx--select--inline .bx--select-input {
22113
+ width: auto;
22114
+ padding-right: 2rem;
22115
+ padding-left: 0.5rem;
22116
+ border-bottom: none;
22117
+ background-color: #262626;
22118
+ color: #f4f4f4;
22119
+ }
22120
+ div.container.theme--g90 .bx--select--inline .bx--select-input[disabled],
22121
+ div.container.theme--g90 .bx--select--inline .bx--select-input[disabled]:hover {
22122
+ background-color: #393939;
22123
+ }
22124
+ div.container.theme--g90 .bx--select--inline .bx--select__arrow {
22125
+ right: 0.5rem;
22126
+ }
22127
+ div.container.theme--g90 .bx--select--inline.bx--select--invalid .bx--select-input {
22128
+ padding-right: 3.5rem;
22129
+ }
22130
+ div.container.theme--g90 .bx--select--inline.bx--select--invalid .bx--select-input ~ .bx--select__invalid-icon {
22131
+ right: 2rem;
22132
+ }
22133
+ div.container.theme--g90 .bx--select--inline .bx--select-input:disabled {
22134
+ color: #c6c6c6;
22135
+ cursor: not-allowed;
22136
+ }
22137
+ div.container.theme--g90 .bx--select--inline .bx--select-input:disabled ~ * {
22138
+ cursor: not-allowed;
22139
+ }
22140
+ div.container.theme--g90 .bx--select.bx--skeleton {
22141
+ position: relative;
22142
+ padding: 0;
22143
+ border: none;
22144
+ background: #353535;
22145
+ box-shadow: none;
22146
+ pointer-events: none;
22147
+ width: 100%;
22148
+ height: 2.5rem;
22149
+ }
22150
+ 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 {
22151
+ border: none;
22152
+ cursor: default;
22153
+ outline: none;
22154
+ }
22155
+ div.container.theme--g90 .bx--select.bx--skeleton::before {
22156
+ position: absolute;
22157
+ width: 100%;
22158
+ height: 100%;
22159
+ animation: 3000ms ease-in-out skeleton infinite;
22160
+ background: #525252;
22161
+ content: "";
22162
+ will-change: transform-origin, transform, opacity;
22163
+ }
22164
+ @media (prefers-reduced-motion: reduce) {
22165
+ div.container.theme--g90 .bx--select.bx--skeleton::before {
22166
+ animation: none;
22167
+ }
21084
22168
  }
21085
- div.container.theme--g90 .bx--data-table--short .bx--form-item.bx--checkbox-wrapper:last-of-type,
21086
- div.container.theme--g90 .bx--data-table--compact .bx--form-item.bx--checkbox-wrapper:last-of-type,
21087
- div.container.theme--g90 .bx--data-table--xs .bx--form-item.bx--checkbox-wrapper:last-of-type,
21088
- div.container.theme--g90 .bx--data-table--sm .bx--form-item.bx--checkbox-wrapper:last-of-type {
21089
- margin: -0.1875rem 0;
22169
+ div.container.theme--g90 .bx--select.bx--skeleton .bx--select-input {
22170
+ display: none;
21090
22171
  }
21091
22172
  @media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
21092
- div.container.theme--g90 .bx--data-table-content {
21093
- outline: 1px solid transparent;
22173
+ div.container.theme--g90 .bx--select__arrow {
22174
+ fill: ButtonText;
21094
22175
  }
21095
22176
  }
21096
22177
  div.container.theme--g90 .bx--radio-button__appearance {
@@ -22656,6 +23737,11 @@ div.container.theme--g100 div.bx--cc--legend div.legend-item div.checkbox {
22656
23737
  border: solid 1px #161616;
22657
23738
  box-shadow: 0 0 0 2px transparent;
22658
23739
  }
23740
+ @media (forced-colors: active) {
23741
+ div.container.theme--g100 div.bx--cc--legend div.legend-item div.checkbox {
23742
+ forced-color-adjust: none;
23743
+ }
23744
+ }
22659
23745
  div.container.theme--g100 div.bx--cc--legend div.legend-item div.checkbox:not(.active) {
22660
23746
  border-color: #c6c6c6;
22661
23747
  background: #161616;
@@ -22901,6 +23987,11 @@ div.container.theme--g100 .bx--cc--tooltip .tooltip-color {
22901
23987
  width: 4px;
22902
23988
  height: 100%;
22903
23989
  }
23990
+ @media (forced-colors: active) {
23991
+ div.container.theme--g100 .bx--cc--tooltip .tooltip-color {
23992
+ forced-color-adjust: none;
23993
+ }
23994
+ }
22904
23995
  div.container.theme--g100 .bx--cc--tooltip .tooltip-color + div.label p {
22905
23996
  margin-left: 4px;
22906
23997
  }
@@ -23901,6 +24992,109 @@ div.container.theme--g100 .bx--chart-holder:-webkit-full-screen {
23901
24992
  div.container.theme--g100 .bx--cc--chart-wrapper {
23902
24993
  overflow: visible;
23903
24994
  }
24995
+ div.container.theme--g100 .resource-card-group {
24996
+ margin-left: 0;
24997
+ margin-right: 0;
24998
+ margin-top: 30px;
24999
+ max-width: 700px;
25000
+ }
25001
+ div.container.theme--g100 .resource-card-group .bx--col-md-6.bx--col-lg-6 {
25002
+ border: 1px solid #161616;
25003
+ padding: 0;
25004
+ }
25005
+ div.container.theme--g100 .bx--resource-card .bx--tile {
25006
+ background: #262626;
25007
+ height: 100%;
25008
+ padding: 1rem 25% 1rem 1rem;
25009
+ position: relative;
25010
+ transition: background 70ms;
25011
+ text-decoration: none;
25012
+ }
25013
+ div.container.theme--g100 .bx--resource-card .bx--tile:hover {
25014
+ background: #353535;
25015
+ }
25016
+ div.container.theme--g100 .bx--resource-card__title {
25017
+ font-size: 1.25rem;
25018
+ font-weight: 400;
25019
+ line-height: 1.4;
25020
+ letter-spacing: 0;
25021
+ text-decoration: none;
25022
+ color: #f4f4f4;
25023
+ }
25024
+ div.container.theme--g100 .bx--resource-card__subtitle {
25025
+ font-size: 0.875rem;
25026
+ font-weight: 600;
25027
+ line-height: 1.29;
25028
+ letter-spacing: 0.16px;
25029
+ font-weight: 400;
25030
+ text-decoration: none;
25031
+ color: #f4f4f4;
25032
+ }
25033
+ div.container.theme--g100 .bx--resource-card__icon--img {
25034
+ position: absolute;
25035
+ bottom: 1rem;
25036
+ left: 1rem;
25037
+ min-width: 32px;
25038
+ min-height: 32px;
25039
+ display: flex;
25040
+ align-items: flex-end;
25041
+ }
25042
+ div.container.theme--g100 .bx--resource-card__icon--img .gatsby-resp-image-wrapper,
25043
+ div.container.theme--g100 .bx--resource-card__icon--img img[src*=gif],
25044
+ div.container.theme--g100 .bx--resource-card__icon--img img[src*=svg] {
25045
+ margin-bottom: 0;
25046
+ }
25047
+ div.container.theme--g100 .bx--resource-card__icon--img .gatsby-resp-image-wrapper {
25048
+ position: static !important;
25049
+ }
25050
+ div.container.theme--g100 .bx--resource-card__icon--action {
25051
+ position: absolute;
25052
+ bottom: 1rem;
25053
+ right: 1rem;
25054
+ width: 20px;
25055
+ height: 20px;
25056
+ }
25057
+ div.container.theme--g100 .bx--resource-card .bx--resource-card__icon--action svg {
25058
+ fill: #f4f4f4;
25059
+ }
25060
+ div.container.theme--g100 .bx--resource-card--dark .bx--tile {
25061
+ background: #262626;
25062
+ }
25063
+ div.container.theme--g100 .bx--resource-card--dark .bx--tile:hover {
25064
+ background: #393939;
25065
+ }
25066
+ div.container.theme--g100 .bx--resource-card--dark .bx--resource-card__title,
25067
+ div.container.theme--g100 .bx--resource-card--dark .bx--resource-card__subtitle {
25068
+ color: #ffffff;
25069
+ }
25070
+ div.container.theme--g100 .bx--resource-card--dark .bx--resource-card__icon--action svg {
25071
+ fill: #f4f4f4;
25072
+ }
25073
+ div.container.theme--g100 .bx--resource-card--disabled .bx--tile:hover {
25074
+ background: #262626;
25075
+ cursor: not-allowed;
25076
+ }
25077
+ div.container.theme--g100 .bx--resource-card--disabled .bx--resource-card__title,
25078
+ div.container.theme--g100 .bx--resource-card--disabled .bx--resource-card__subtitle {
25079
+ color: #8d8d8d;
25080
+ }
25081
+ div.container.theme--g100 .bx--resource-card--disabled .bx--resource-card__icon--action svg {
25082
+ fill: #525252;
25083
+ }
25084
+ div.container.theme--g100 .bx--resource-card--disabled .bx--resource-card__icon--img {
25085
+ filter: grayscale(100%);
25086
+ opacity: 0.5;
25087
+ }
25088
+ div.container.theme--g100 .bx--resource-card--disabled.bx--resource-card--dark .bx--tile:hover {
25089
+ background: #262626;
25090
+ }
25091
+ div.container.theme--g100 .bx--resource-card--disabled.bx--resource-card--dark .bx--resource-card__title,
25092
+ div.container.theme--g100 .bx--resource-card--disabled.bx--resource-card--dark .bx--resource-card__subtitle {
25093
+ color: #8d8d8d;
25094
+ }
25095
+ div.container.theme--g100 .bx--resource-card--disabled.bx--resource-card--dark .bx--resource-card__icon--action svg {
25096
+ fill: #525252;
25097
+ }
23904
25098
  div.container.theme--g100 .bx--modal {
23905
25099
  position: fixed;
23906
25100
  z-index: 9000;
@@ -25225,6 +26419,230 @@ div.container.theme--g100 .bx--data-table--sm .bx--form-item.bx--checkbox-wrappe
25225
26419
  outline: 1px solid transparent;
25226
26420
  }
25227
26421
  }
26422
+ div.container.theme--g100 .bx--select {
26423
+ box-sizing: border-box;
26424
+ padding: 0;
26425
+ border: 0;
26426
+ margin: 0;
26427
+ font-family: inherit;
26428
+ font-size: 100%;
26429
+ vertical-align: baseline;
26430
+ position: relative;
26431
+ display: flex;
26432
+ width: 100%;
26433
+ flex-direction: column;
26434
+ align-items: flex-start;
26435
+ }
26436
+ div.container.theme--g100 .bx--select *,
26437
+ div.container.theme--g100 .bx--select *::before,
26438
+ div.container.theme--g100 .bx--select *::after {
26439
+ box-sizing: inherit;
26440
+ }
26441
+ div.container.theme--g100 .bx--select-input__wrapper {
26442
+ position: relative;
26443
+ display: flex;
26444
+ width: 100%;
26445
+ align-items: center;
26446
+ }
26447
+ div.container.theme--g100 .bx--select-input {
26448
+ font-size: 0.875rem;
26449
+ font-weight: 400;
26450
+ line-height: 1.29;
26451
+ letter-spacing: 0.16px;
26452
+ outline: 2px solid transparent;
26453
+ outline-offset: -2px;
26454
+ display: block;
26455
+ width: 100%;
26456
+ height: 2.5rem;
26457
+ padding: 0 3rem 0 1rem;
26458
+ border: none;
26459
+ border-bottom: 1px solid #6f6f6f;
26460
+ appearance: none;
26461
+ background-color: #262626;
26462
+ border-radius: 0;
26463
+ color: #f4f4f4;
26464
+ cursor: pointer;
26465
+ opacity: 1;
26466
+ transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
26467
+ }
26468
+ div.container.theme--g100 .bx--select-input:hover {
26469
+ background-color: #353535;
26470
+ }
26471
+ div.container.theme--g100 .bx--select-input::-ms-expand {
26472
+ display: none;
26473
+ }
26474
+ @-moz-document url-prefix() {
26475
+ div.container.theme--g100 .bx--select-input:-moz-focusring, div.container.theme--g100 .bx--select-input::-moz-focus-inner {
26476
+ background-image: none;
26477
+ color: transparent;
26478
+ text-shadow: 0 0 0 #000000;
26479
+ }
26480
+ }
26481
+ div.container.theme--g100 .bx--select-input:focus {
26482
+ outline: 2px solid #ffffff;
26483
+ outline-offset: -2px;
26484
+ color: #f4f4f4;
26485
+ }
26486
+ @media screen and (prefers-contrast) {
26487
+ div.container.theme--g100 .bx--select-input:focus {
26488
+ outline-style: dotted;
26489
+ }
26490
+ }
26491
+ div.container.theme--g100 .bx--select-input:disabled, div.container.theme--g100 .bx--select-input:hover:disabled {
26492
+ border-bottom-color: #262626;
26493
+ background-color: #262626;
26494
+ color: #525252;
26495
+ cursor: not-allowed;
26496
+ }
26497
+ div.container.theme--g100 .bx--select-input--sm {
26498
+ height: 2rem;
26499
+ max-height: 2rem;
26500
+ }
26501
+ div.container.theme--g100 .bx--select-input--xl,
26502
+ div.container.theme--g100 .bx--select-input--lg {
26503
+ height: 3rem;
26504
+ max-height: 3rem;
26505
+ }
26506
+ div.container.theme--g100 .bx--select--disabled .bx--label,
26507
+ div.container.theme--g100 .bx--select--disabled .bx--form__helper-text {
26508
+ color: #525252;
26509
+ }
26510
+ div.container.theme--g100 .bx--select-input__wrapper[data-invalid] .bx--select-input,
26511
+ div.container.theme--g100 .bx--select--warning .bx--select-input {
26512
+ padding-right: 4.5rem;
26513
+ }
26514
+ div.container.theme--g100 .bx--select-input:disabled ~ .bx--select__arrow {
26515
+ fill: #525252;
26516
+ }
26517
+ div.container.theme--g100 .bx--select--light .bx--select-input {
26518
+ background-color: #393939;
26519
+ }
26520
+ div.container.theme--g100 .bx--select--light .bx--select-input:hover {
26521
+ background-color: #353535;
26522
+ }
26523
+ div.container.theme--g100 .bx--select--light .bx--select-input:disabled, div.container.theme--g100 .bx--select--light .bx--select-input:hover:disabled {
26524
+ background-color: #393939;
26525
+ color: #525252;
26526
+ cursor: not-allowed;
26527
+ }
26528
+ div.container.theme--g100 .bx--select__arrow {
26529
+ position: absolute;
26530
+ top: 0;
26531
+ right: 1rem;
26532
+ height: 100%;
26533
+ fill: #f4f4f4;
26534
+ pointer-events: none;
26535
+ }
26536
+ @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {
26537
+ div.container.theme--g100 .bx--select__arrow path {
26538
+ fill: ButtonText;
26539
+ }
26540
+ }
26541
+ div.container.theme--g100 .bx--select__invalid-icon {
26542
+ position: absolute;
26543
+ right: 2.5rem;
26544
+ }
26545
+ div.container.theme--g100 .bx--select-input__wrapper[data-invalid] .bx--select-input ~ .bx--select__invalid-icon {
26546
+ fill: #fa4d56;
26547
+ }
26548
+ div.container.theme--g100 .bx--select__invalid-icon--warning {
26549
+ fill: #f1c21b;
26550
+ }
26551
+ div.container.theme--g100 .bx--select__invalid-icon--warning path[fill] {
26552
+ fill: #000000;
26553
+ opacity: 1;
26554
+ }
26555
+ div.container.theme--g100 .bx--select-optgroup,
26556
+ div.container.theme--g100 .bx--select-option {
26557
+ color: #f4f4f4;
26558
+ }
26559
+ div.container.theme--g100 .bx--select-optgroup:disabled,
26560
+ div.container.theme--g100 .bx--select-option:disabled {
26561
+ color: #525252;
26562
+ }
26563
+ div.container.theme--g100 .bx--select--inline {
26564
+ display: flex;
26565
+ flex-direction: row;
26566
+ align-items: center;
26567
+ }
26568
+ div.container.theme--g100 .bx--select--inline.bx--select--invalid .bx--label,
26569
+ div.container.theme--g100 .bx--select--inline.bx--select--invalid .bx--form__helper-text {
26570
+ align-self: flex-start;
26571
+ margin-top: 0.8125rem;
26572
+ }
26573
+ div.container.theme--g100 .bx--select--inline .bx--form__helper-text {
26574
+ margin-bottom: 0;
26575
+ margin-left: 0.5rem;
26576
+ }
26577
+ div.container.theme--g100 .bx--select--inline .bx--label {
26578
+ margin: 0 0.5rem 0 0;
26579
+ white-space: nowrap;
26580
+ }
26581
+ div.container.theme--g100 .bx--select--inline .bx--select-input {
26582
+ width: auto;
26583
+ padding-right: 2rem;
26584
+ padding-left: 0.5rem;
26585
+ border-bottom: none;
26586
+ background-color: #161616;
26587
+ color: #f4f4f4;
26588
+ }
26589
+ div.container.theme--g100 .bx--select--inline .bx--select-input[disabled],
26590
+ div.container.theme--g100 .bx--select--inline .bx--select-input[disabled]:hover {
26591
+ background-color: #262626;
26592
+ }
26593
+ div.container.theme--g100 .bx--select--inline .bx--select__arrow {
26594
+ right: 0.5rem;
26595
+ }
26596
+ div.container.theme--g100 .bx--select--inline.bx--select--invalid .bx--select-input {
26597
+ padding-right: 3.5rem;
26598
+ }
26599
+ div.container.theme--g100 .bx--select--inline.bx--select--invalid .bx--select-input ~ .bx--select__invalid-icon {
26600
+ right: 2rem;
26601
+ }
26602
+ div.container.theme--g100 .bx--select--inline .bx--select-input:disabled {
26603
+ color: #c6c6c6;
26604
+ cursor: not-allowed;
26605
+ }
26606
+ div.container.theme--g100 .bx--select--inline .bx--select-input:disabled ~ * {
26607
+ cursor: not-allowed;
26608
+ }
26609
+ div.container.theme--g100 .bx--select.bx--skeleton {
26610
+ position: relative;
26611
+ padding: 0;
26612
+ border: none;
26613
+ background: #353535;
26614
+ box-shadow: none;
26615
+ pointer-events: none;
26616
+ width: 100%;
26617
+ height: 2.5rem;
26618
+ }
26619
+ 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 {
26620
+ border: none;
26621
+ cursor: default;
26622
+ outline: none;
26623
+ }
26624
+ div.container.theme--g100 .bx--select.bx--skeleton::before {
26625
+ position: absolute;
26626
+ width: 100%;
26627
+ height: 100%;
26628
+ animation: 3000ms ease-in-out skeleton infinite;
26629
+ background: #525252;
26630
+ content: "";
26631
+ will-change: transform-origin, transform, opacity;
26632
+ }
26633
+ @media (prefers-reduced-motion: reduce) {
26634
+ div.container.theme--g100 .bx--select.bx--skeleton::before {
26635
+ animation: none;
26636
+ }
26637
+ }
26638
+ div.container.theme--g100 .bx--select.bx--skeleton .bx--select-input {
26639
+ display: none;
26640
+ }
26641
+ @media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
26642
+ div.container.theme--g100 .bx--select__arrow {
26643
+ fill: ButtonText;
26644
+ }
26645
+ }
25228
26646
  div.container.theme--g100 .bx--radio-button__appearance {
25229
26647
  background-color: transparent;
25230
26648
  border-color: #f4f4f4;
@@ -25463,6 +26881,9 @@ div.container .marginTop-15 {
25463
26881
  div.container .marginTop-30 {
25464
26882
  margin-top: 30px;
25465
26883
  }
26884
+ div.container .marginTop-45 {
26885
+ margin-top: 45px;
26886
+ }
25466
26887
  div.container hr {
25467
26888
  margin-bottom: 75px;
25468
26889
  margin-top: 25px;