@carbon/charts 0.50.2 → 0.50.6

package/demo/styles.css

@@ -9835,6 +9835,300 @@ th .bx--table-sort__flex {
   }
 }
 
+.bx--tile-group {
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
+}
+.bx--tile-group *,
+.bx--tile-group *::before,
+.bx--tile-group *::after {
+  box-sizing: inherit;
+}
+
+.bx--tile {
+  position: relative;
+  display: block;
+  min-width: 8rem;
+  min-height: 4rem;
+  padding: 1rem;
+  background-color: #f4f4f4;
+  outline: 2px solid transparent;
+  outline-offset: -2px;
+}
+.bx--tile:focus {
+  outline: 2px solid #0f62fe;
+  outline-offset: -2px;
+}
+@media screen and (prefers-contrast) {
+  .bx--tile:focus {
+    outline-style: dotted;
+  }
+}
+
+.bx--tile--light {
+  background-color: #ffffff;
+}
+
+.bx--tile--clickable,
+.bx--tile--selectable,
+.bx--tile--expandable {
+  cursor: pointer;
+  transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
+}
+.bx--tile--clickable:hover,
+.bx--tile--selectable:hover,
+.bx--tile--expandable:hover {
+  background: #e5e5e5;
+}
+
+.bx--tile--expandable .bx--link {
+  color: #0043ce;
+}
+
+.bx--tile--clickable:focus,
+.bx--tile--expandable:focus {
+  outline: 2px solid #0f62fe;
+  outline-offset: -2px;
+}
+@media screen and (prefers-contrast) {
+  .bx--tile--clickable:focus,
+.bx--tile--expandable:focus {
+    outline-style: dotted;
+  }
+}
+.bx--tile--clickable:hover .bx--tile__checkmark, .bx--tile--clickable:focus .bx--tile__checkmark,
+.bx--tile--expandable:hover .bx--tile__checkmark,
+.bx--tile--expandable:focus .bx--tile__checkmark {
+  opacity: 1;
+}
+
+.bx--tile--expandable::-moz-focus-inner {
+  border: 0;
+}
+
+.bx--tile--clickable {
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
+  font-size: 0.875rem;
+  font-weight: 400;
+  line-height: 1.29;
+  letter-spacing: 0.16px;
+  color: #161616;
+  text-decoration: none;
+}
+.bx--tile--clickable *,
+.bx--tile--clickable *::before,
+.bx--tile--clickable *::after {
+  box-sizing: inherit;
+}
+
+.bx--tile--clickable:hover,
+.bx--tile--clickable:active,
+.bx--tile--clickable:visited,
+.bx--tile--clickable:visited:hover {
+  color: #161616;
+  text-decoration: none;
+}
+
+.bx--tile--clickable.bx--link--disabled {
+  color: #c6c6c6;
+}
+
+.bx--tile--clickable:hover.bx--link--disabled {
+  display: block;
+  background-color: #f4f4f4;
+  color: #c6c6c6;
+}
+
+.bx--tile--selectable {
+  padding-right: 3rem;
+  border: 1px solid transparent;
+}
+
+.bx--tile__checkmark,
+.bx--tile__chevron {
+  position: absolute;
+  border: none;
+  background: transparent;
+  transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
+}
+
+.bx--tile__checkmark {
+  top: 1rem;
+  right: 1rem;
+  height: 1rem;
+  opacity: 0;
+}
+.bx--tile__checkmark svg {
+  border-radius: 50%;
+  fill: #525252;
+}
+.bx--tile__checkmark:focus {
+  outline: 2px solid #0f62fe;
+  outline-offset: -2px;
+}
+@media screen and (prefers-contrast) {
+  .bx--tile__checkmark:focus {
+    outline-style: dotted;
+  }
+}
+
+.bx--tile__checkmark--persistent {
+  opacity: 1;
+}
+
+.bx--tile__chevron {
+  position: absolute;
+  right: 1rem;
+  bottom: 1rem;
+  display: flex;
+  height: 1rem;
+  align-items: flex-end;
+}
+.bx--tile__chevron svg {
+  margin-left: 0.5rem;
+  fill: #161616;
+  transform-origin: center;
+  transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
+}
+@media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {
+  .bx--tile__chevron svg {
+    fill: ButtonText;
+  }
+}
+.bx--tile__chevron:hover {
+  cursor: pointer;
+}
+.bx--tile__chevron:focus {
+  outline: none;
+}
+
+.bx--tile--expandable {
+  overflow: hidden;
+  width: 100%;
+  border: 0;
+  color: inherit;
+  font-size: inherit;
+  text-align: left;
+  transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
+}
+
+.bx--tile-content__above-the-fold {
+  display: block;
+}
+
+.bx--tile-content__below-the-fold {
+  display: block;
+  opacity: 0;
+  transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9), visibility 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
+  visibility: hidden;
+}
+
+.bx--tile--is-expanded {
+  overflow: visible;
+  transition: max-height 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
+}
+.bx--tile--is-expanded .bx--tile__chevron svg {
+  transform: rotate(180deg);
+}
+.bx--tile--is-expanded .bx--tile-content__below-the-fold {
+  opacity: 1;
+  transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9), visibility 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
+  visibility: inherit;
+}
+@media not all and (min-resolution: 0.001dpcm) {
+  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
+    .bx--tile--is-expanded .bx--tile-content__below-the-fold {
+      overflow-y: auto;
+    }
+  }
+}
+
+.bx--tile--is-selected {
+  border: 1px solid #161616;
+}
+
+.bx--tile--is-selected .bx--tile__checkmark {
+  opacity: 1;
+}
+
+.bx--tile--is-selected .bx--tile__checkmark svg {
+  fill: #161616;
+}
+@media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {
+  .bx--tile--is-selected .bx--tile__checkmark svg {
+    fill: ButtonText;
+  }
+}
+
+.bx--tile-input--checked + .bx--tile--is-selected {
+  border-top: 1px solid #f4f4f4;
+}
+
+.bx--tile:not(.bx--tile--is-selected) + .bx--tile-input--checked + .bx--tile--is-selected {
+  border-top: 1px solid #161616;
+}
+
+.bx--tile-input--checked:first-of-type + .bx--tile--is-selected {
+  border-top: 1px solid #161616;
+}
+
+.bx--tile-content {
+  width: 100%;
+  height: 100%;
+}
+
+.bx--tile-input {
+  position: absolute;
+  overflow: hidden;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  border: 0;
+  margin: -1px;
+  clip: rect(0, 0, 0, 0);
+  visibility: inherit;
+  white-space: nowrap;
+}
+
+.bx--tile-input:focus + .bx--tile {
+  outline: 2px solid #0f62fe;
+  outline-offset: -2px;
+}
+@media screen and (prefers-contrast) {
+  .bx--tile-input:focus + .bx--tile {
+    outline-style: dotted;
+  }
+}
+
+.bx--tile--disabled.bx--tile--selectable {
+  background-color: #f4f4f4;
+  color: #c6c6c6;
+  cursor: not-allowed;
+}
+
+.bx--tile--disabled.bx--tile--selectable.bx--tile--light {
+  background-color: #ffffff;
+}
+
+.bx--tile--disabled.bx--tile--is-selected {
+  outline-color: #c6c6c6;
+}
+
+.bx--tile--disabled.bx--tile--is-selected .bx--tile__checkmark svg {
+  fill: #c6c6c6;
+}
+
 body {
   margin: 0;
   /* width */
@@ -11376,6 +11670,8 @@ div.container.theme--white .bx--cc--chart-wrapper .layout-child {
   overflow: visible;
 }
 div.container.theme--white .bx--cc--chart-wrapper svg.layout-svg-wrapper {
+  height: inherit;
+  width: inherit;
   overflow: visible;
 }
 div.container.theme--white div.bx--cc--legend {
@@ -12861,53 +13157,156 @@ div.container.theme--white .bx--chart-holder:-webkit-full-screen {
 div.container.theme--white .bx--cc--chart-wrapper {
   overflow: visible;
 }
-div.container.theme--g10 {
-  /* cyrillic-ext */
-  /* cyrillic */
-  /* greek */
-  /* vietnamese */
-  /* latin-ext */
-  /* latin */
-  /* cyrillic-ext */
-  /* cyrillic */
-  /* greek */
-  /* vietnamese */
-  /* latin-ext */
-  /* latin */
-  /* cyrillic-ext */
-  /* cyrillic */
-  /* greek */
-  /* vietnamese */
-  /* latin-ext */
-  /* latin */
-  /* cyrillic-ext */
-  /* cyrillic */
-  /* greek */
-  /* vietnamese */
-  /* latin-ext */
-  /* latin */
-  /* cyrillic-ext */
-  /* cyrillic */
-  /* greek */
-  /* vietnamese */
-  /* latin-ext */
-  /* latin */
-  /* cyrillic-ext */
-  /* cyrillic */
-  /* greek */
-  /* vietnamese */
-  /* latin-ext */
-  /* latin */
-  /* vietnamese */
-  /* latin-ext */
-  /* latin */
-  /* vietnamese */
-  /* latin-ext */
-  /* latin */
-  /* vietnamese */
-  /* latin-ext */
-  /* latin */
-  /* vietnamese */
+div.container.theme--white .resource-card-group {
+  margin-left: 0;
+  margin-right: 0;
+  margin-top: 30px;
+  max-width: 700px;
+}
+div.container.theme--white .resource-card-group .bx--col-md-6.bx--col-lg-6 {
+  border: 1px solid #ffffff;
+  padding: 0;
+}
+div.container.theme--white .bx--resource-card .bx--tile {
+  background: #f4f4f4;
+  height: 100%;
+  padding: 1rem 25% 1rem 1rem;
+  position: relative;
+  transition: background 70ms;
+  text-decoration: none;
+}
+div.container.theme--white .bx--resource-card .bx--tile:hover {
+  background: #e5e5e5;
+}
+div.container.theme--white .bx--resource-card__title {
+  font-size: 1.25rem;
+  font-weight: 400;
+  line-height: 1.4;
+  letter-spacing: 0;
+  text-decoration: none;
+  color: #161616;
+}
+div.container.theme--white .bx--resource-card__subtitle {
+  font-size: 0.875rem;
+  font-weight: 600;
+  line-height: 1.29;
+  letter-spacing: 0.16px;
+  font-weight: 400;
+  text-decoration: none;
+  color: #161616;
+}
+div.container.theme--white .bx--resource-card__icon--img {
+  position: absolute;
+  bottom: 1rem;
+  left: 1rem;
+  min-width: 32px;
+  min-height: 32px;
+  display: flex;
+  align-items: flex-end;
+}
+div.container.theme--white .bx--resource-card__icon--img .gatsby-resp-image-wrapper,
+div.container.theme--white .bx--resource-card__icon--img img[src*=gif],
+div.container.theme--white .bx--resource-card__icon--img img[src*=svg] {
+  margin-bottom: 0;
+}
+div.container.theme--white .bx--resource-card__icon--img .gatsby-resp-image-wrapper {
+  position: static !important;
+}
+div.container.theme--white .bx--resource-card__icon--action {
+  position: absolute;
+  bottom: 1rem;
+  right: 1rem;
+  width: 20px;
+  height: 20px;
+}
+div.container.theme--white .bx--resource-card .bx--resource-card__icon--action svg {
+  fill: #161616;
+}
+div.container.theme--white .bx--resource-card--dark .bx--tile {
+  background: #262626;
+}
+div.container.theme--white .bx--resource-card--dark .bx--tile:hover {
+  background: #393939;
+}
+div.container.theme--white .bx--resource-card--dark .bx--resource-card__title,
+div.container.theme--white .bx--resource-card--dark .bx--resource-card__subtitle {
+  color: #ffffff;
+}
+div.container.theme--white .bx--resource-card--dark .bx--resource-card__icon--action svg {
+  fill: #f4f4f4;
+}
+div.container.theme--white .bx--resource-card--disabled .bx--tile:hover {
+  background: #f4f4f4;
+  cursor: not-allowed;
+}
+div.container.theme--white .bx--resource-card--disabled .bx--resource-card__title,
+div.container.theme--white .bx--resource-card--disabled .bx--resource-card__subtitle {
+  color: #8d8d8d;
+}
+div.container.theme--white .bx--resource-card--disabled .bx--resource-card__icon--action svg {
+  fill: #c6c6c6;
+}
+div.container.theme--white .bx--resource-card--disabled .bx--resource-card__icon--img {
+  filter: grayscale(100%);
+  opacity: 0.5;
+}
+div.container.theme--white .bx--resource-card--disabled.bx--resource-card--dark .bx--tile:hover {
+  background: #262626;
+}
+div.container.theme--white .bx--resource-card--disabled.bx--resource-card--dark .bx--resource-card__title,
+div.container.theme--white .bx--resource-card--disabled.bx--resource-card--dark .bx--resource-card__subtitle {
+  color: #8d8d8d;
+}
+div.container.theme--white .bx--resource-card--disabled.bx--resource-card--dark .bx--resource-card__icon--action svg {
+  fill: #525252;
+}
+div.container.theme--g10 {
+  /* cyrillic-ext */
+  /* cyrillic */
+  /* greek */
+  /* vietnamese */
+  /* latin-ext */
+  /* latin */
+  /* cyrillic-ext */
+  /* cyrillic */
+  /* greek */
+  /* vietnamese */
+  /* latin-ext */
+  /* latin */
+  /* cyrillic-ext */
+  /* cyrillic */
+  /* greek */
+  /* vietnamese */
+  /* latin-ext */
+  /* latin */
+  /* cyrillic-ext */
+  /* cyrillic */
+  /* greek */
+  /* vietnamese */
+  /* latin-ext */
+  /* latin */
+  /* cyrillic-ext */
+  /* cyrillic */
+  /* greek */
+  /* vietnamese */
+  /* latin-ext */
+  /* latin */
+  /* cyrillic-ext */
+  /* cyrillic */
+  /* greek */
+  /* vietnamese */
+  /* latin-ext */
+  /* latin */
+  /* vietnamese */
+  /* latin-ext */
+  /* latin */
+  /* vietnamese */
+  /* latin-ext */
+  /* latin */
+  /* vietnamese */
+  /* latin-ext */
+  /* latin */
+  /* vietnamese */
   /* latin-ext */
   /* latin */
   /* vietnamese */
@@ -12916,13 +13315,13 @@ div.container.theme--g10 {
   /* vietnamese */
   /* latin-ext */
   /* latin */
+  color: #161616;
+  background-color: #f4f4f4;
+  line-height: 1;
   /* stylelint-disable */
   /* stylelint-enable */
   /* stylelint-disable */
   /*stylelint-enable */
-  color: #161616;
-  background-color: #f4f4f4;
-  line-height: 1;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper .fill-1-1-1 {
   fill: #6929c4;
@@ -14382,6 +14781,8 @@ div.container.theme--g10 .bx--cc--chart-wrapper .layout-child {
   overflow: visible;
 }
 div.container.theme--g10 .bx--cc--chart-wrapper svg.layout-svg-wrapper {
+  height: inherit;
+  width: inherit;
   overflow: visible;
 }
 div.container.theme--g10 div.bx--cc--legend {
@@ -15648,6 +16049,109 @@ div.container.theme--g10 .bx--chart-holder:-webkit-full-screen {
 div.container.theme--g10 .bx--cc--chart-wrapper {
   overflow: visible;
 }
+div.container.theme--g10 .resource-card-group {
+  margin-left: 0;
+  margin-right: 0;
+  margin-top: 30px;
+  max-width: 700px;
+}
+div.container.theme--g10 .resource-card-group .bx--col-md-6.bx--col-lg-6 {
+  border: 1px solid #f4f4f4;
+  padding: 0;
+}
+div.container.theme--g10 .bx--resource-card .bx--tile {
+  background: #ffffff;
+  height: 100%;
+  padding: 1rem 25% 1rem 1rem;
+  position: relative;
+  transition: background 70ms;
+  text-decoration: none;
+}
+div.container.theme--g10 .bx--resource-card .bx--tile:hover {
+  background: #e5e5e5;
+}
+div.container.theme--g10 .bx--resource-card__title {
+  font-size: 1.25rem;
+  font-weight: 400;
+  line-height: 1.4;
+  letter-spacing: 0;
+  text-decoration: none;
+  color: #161616;
+}
+div.container.theme--g10 .bx--resource-card__subtitle {
+  font-size: 0.875rem;
+  font-weight: 600;
+  line-height: 1.29;
+  letter-spacing: 0.16px;
+  font-weight: 400;
+  text-decoration: none;
+  color: #161616;
+}
+div.container.theme--g10 .bx--resource-card__icon--img {
+  position: absolute;
+  bottom: 1rem;
+  left: 1rem;
+  min-width: 32px;
+  min-height: 32px;
+  display: flex;
+  align-items: flex-end;
+}
+div.container.theme--g10 .bx--resource-card__icon--img .gatsby-resp-image-wrapper,
+div.container.theme--g10 .bx--resource-card__icon--img img[src*=gif],
+div.container.theme--g10 .bx--resource-card__icon--img img[src*=svg] {
+  margin-bottom: 0;
+}
+div.container.theme--g10 .bx--resource-card__icon--img .gatsby-resp-image-wrapper {
+  position: static !important;
+}
+div.container.theme--g10 .bx--resource-card__icon--action {
+  position: absolute;
+  bottom: 1rem;
+  right: 1rem;
+  width: 20px;
+  height: 20px;
+}
+div.container.theme--g10 .bx--resource-card .bx--resource-card__icon--action svg {
+  fill: #161616;
+}
+div.container.theme--g10 .bx--resource-card--dark .bx--tile {
+  background: #262626;
+}
+div.container.theme--g10 .bx--resource-card--dark .bx--tile:hover {
+  background: #393939;
+}
+div.container.theme--g10 .bx--resource-card--dark .bx--resource-card__title,
+div.container.theme--g10 .bx--resource-card--dark .bx--resource-card__subtitle {
+  color: #ffffff;
+}
+div.container.theme--g10 .bx--resource-card--dark .bx--resource-card__icon--action svg {
+  fill: #f4f4f4;
+}
+div.container.theme--g10 .bx--resource-card--disabled .bx--tile:hover {
+  background: #ffffff;
+  cursor: not-allowed;
+}
+div.container.theme--g10 .bx--resource-card--disabled .bx--resource-card__title,
+div.container.theme--g10 .bx--resource-card--disabled .bx--resource-card__subtitle {
+  color: #8d8d8d;
+}
+div.container.theme--g10 .bx--resource-card--disabled .bx--resource-card__icon--action svg {
+  fill: #c6c6c6;
+}
+div.container.theme--g10 .bx--resource-card--disabled .bx--resource-card__icon--img {
+  filter: grayscale(100%);
+  opacity: 0.5;
+}
+div.container.theme--g10 .bx--resource-card--disabled.bx--resource-card--dark .bx--tile:hover {
+  background: #262626;
+}
+div.container.theme--g10 .bx--resource-card--disabled.bx--resource-card--dark .bx--resource-card__title,
+div.container.theme--g10 .bx--resource-card--disabled.bx--resource-card--dark .bx--resource-card__subtitle {
+  color: #8d8d8d;
+}
+div.container.theme--g10 .bx--resource-card--disabled.bx--resource-card--dark .bx--resource-card__icon--action svg {
+  fill: #525252;
+}
 div.container.theme--g10 .bx--modal {
   position: fixed;
   z-index: 9000;
@@ -15679,7 +16183,7 @@ div.container.theme--g10 .bx--modal .bx--dropdown,
 div.container.theme--g10 .bx--modal .bx--dropdown-list,
 div.container.theme--g10 .bx--modal .bx--number input[type=number],
 div.container.theme--g10 .bx--modal .bx--date-picker__input {
-  background-color: #ffffff;
+  background-color: #f4f4f4;
 }
 div.container.theme--g10 .bx--modal.is-visible .bx--modal-container {
   transform: translate3d(0, 0, 0);
@@ -15693,7 +16197,7 @@ div.container.theme--g10 .bx--modal-container {
   width: 100%;
   height: 100%;
   max-height: 100%;
-  background-color: #f4f4f4;
+  background-color: #ffffff;
   grid-template-columns: 100%;
   grid-template-rows: auto 1fr auto;
   outline: 3px solid transparent;
@@ -15889,7 +16393,7 @@ div.container.theme--g10 .bx--modal-content--overflow-indicator {
   left: 0;
   width: 100%;
   height: 2rem;
-  background-image: linear-gradient(to bottom, rgba(244, 244, 244, 0), #f4f4f4);
+  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
   content: "";
   grid-column: 1/-1;
   grid-row: 2/-2;
@@ -15898,7 +16402,7 @@ div.container.theme--g10 .bx--modal-content--overflow-indicator {
 @media not all and (min-resolution: 0.001dpcm) {
   @supports (-webkit-appearance: none) and (stroke-color: transparent) {
     div.container.theme--g10 .bx--modal-content--overflow-indicator {
-      background-image: linear-gradient(to bottom, rgba(244, 244, 244, 0), #f4f4f4);
+      background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
     }
   }
 }
@@ -16074,12 +16578,12 @@ div.container.theme--g10 .bx--overflow-menu__trigger.bx--tooltip--a11y.bx--toolt
 div.container.theme--g10 .bx--overflow-menu.bx--overflow-menu--open,
 div.container.theme--g10 .bx--overflow-menu.bx--overflow-menu--open .bx--overflow-menu__trigger {
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
-  background-color: #f4f4f4;
+  background-color: #ffffff;
   transition: none;
 }
 div.container.theme--g10 .bx--overflow-menu--light.bx--overflow-menu--open,
 div.container.theme--g10 .bx--overflow-menu--light.bx--overflow-menu--open .bx--overflow-menu__trigger {
-  background-color: #ffffff;
+  background-color: #f4f4f4;
 }
 div.container.theme--g10 .bx--overflow-menu__icon {
   width: 1rem;
@@ -16103,7 +16607,7 @@ div.container.theme--g10 .bx--overflow-menu-options {
   width: 10rem;
   flex-direction: column;
   align-items: flex-start;
-  background-color: #f4f4f4;
+  background-color: #ffffff;
   list-style: none;
 }
 div.container.theme--g10 .bx--overflow-menu-options *,
@@ -16114,21 +16618,21 @@ div.container.theme--g10 .bx--overflow-menu-options *::after {
 div.container.theme--g10 .bx--overflow-menu-options::after {
   position: absolute;
   display: block;
-  background-color: #f4f4f4;
+  background-color: #ffffff;
   content: "";
   transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
 }
 div.container.theme--g10 .bx--overflow-menu.bx--overflow-menu--open:hover {
-  background-color: #f4f4f4;
+  background-color: #ffffff;
 }
 div.container.theme--g10 .bx--overflow-menu-options--light {
-  background-color: #ffffff;
+  background-color: #f4f4f4;
 }
 div.container.theme--g10 .bx--overflow-menu-options--light::after {
-  background-color: #ffffff;
+  background-color: #f4f4f4;
 }
 div.container.theme--g10 .bx--overflow-menu.bx--overflow-menu--light.bx--overflow-menu--open:hover {
-  background-color: #ffffff;
+  background-color: #f4f4f4;
 }
 div.container.theme--g10 .bx--overflow-menu-options[data-floating-menu-direction=bottom]::after {
   top: -0.1875rem;
@@ -16298,7 +16802,7 @@ div.container.theme--g10 .bx--overflow-menu-options__option--danger .bx--overflo
   fill: currentColor;
 }
 div.container.theme--g10 .bx--overflow-menu-options__option--disabled:hover {
-  background-color: #f4f4f4;
+  background-color: #ffffff;
   cursor: not-allowed;
 }
 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
 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 {
   outline: 2px solid transparent;
   outline-offset: -2px;
-  background-color: #f4f4f4;
+  background-color: #ffffff;
 }
 div.container.theme--g10 .bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn svg {
   fill: #c6c6c6;
@@ -16342,7 +16846,7 @@ div.container.theme--g10 .bx--data-table-content {
 }
 div.container.theme--g10 .bx--data-table-header {
   padding: 1rem 0 1.5rem 1rem;
-  background: #f4f4f4;
+  background: #ffffff;
 }
 div.container.theme--g10 .bx--data-table-header__title {
   font-size: 1.25rem;
@@ -16376,7 +16880,7 @@ div.container.theme--g10 .bx--data-table tbody {
   line-height: 1.29;
   letter-spacing: 0.16px;
   width: 100%;
-  background-color: #f4f4f4;
+  background-color: #ffffff;
 }
 div.container.theme--g10 .bx--data-table tr {
   width: 100%;
@@ -16429,9 +16933,9 @@ div.container.theme--g10 .bx--data-table td,
 div.container.theme--g10 .bx--data-table tbody th {
   padding-right: 1rem;
   padding-left: 1rem;
-  border-top: 1px solid #f4f4f4;
+  border-top: 1px solid #ffffff;
   border-bottom: 1px solid #e0e0e0;
-  background: #f4f4f4;
+  background: #ffffff;
   color: #525252;
 }
 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,
 div.container.theme--g10 .bx--data-table .bx--number__control-btn::after,
 div.container.theme--g10 .bx--data-table .bx--text-input,
 div.container.theme--g10 .bx--data-table .bx--select-input {
-  background-color: #ffffff;
+  background-color: #f4f4f4;
 }
 div.container.theme--g10 .bx--data-table td.bx--table-column-menu .bx--overflow-menu[aria-expanded=false]:focus {
   outline: 2px solid #0f62fe;
@@ -16516,7 +17020,7 @@ div.container.theme--g10 .bx--data-table--xl .bx--table-column-menu {
   padding-top: 0.5rem;
 }
 div.container.theme--g10 .bx--data-table--zebra tbody tr:not(.bx--parent-row):nth-child(odd) td {
-  border-bottom: 1px solid #f4f4f4;
+  border-bottom: 1px solid #ffffff;
 }
 div.container.theme--g10 .bx--data-table--zebra tbody tr:not(.bx--parent-row):nth-child(even) td {
   border-top: 1px solid #ffffff;
@@ -16972,41 +17476,265 @@ div.container.theme--g10 .bx--data-table--sm .bx--form-item.bx--checkbox-wrapper
     outline: 1px solid transparent;
   }
 }
-div.container.theme--g90 {
-  /* cyrillic-ext */
-  /* cyrillic */
-  /* greek */
-  /* vietnamese */
-  /* latin-ext */
-  /* latin */
-  /* cyrillic-ext */
-  /* cyrillic */
-  /* greek */
-  /* vietnamese */
-  /* latin-ext */
-  /* latin */
-  /* cyrillic-ext */
-  /* cyrillic */
-  /* greek */
-  /* vietnamese */
-  /* latin-ext */
-  /* latin */
-  /* cyrillic-ext */
-  /* cyrillic */
-  /* greek */
-  /* vietnamese */
-  /* latin-ext */
-  /* latin */
-  /* cyrillic-ext */
-  /* cyrillic */
-  /* greek */
-  /* vietnamese */
-  /* latin-ext */
-  /* latin */
-  /* cyrillic-ext */
-  /* cyrillic */
-  /* greek */
-  /* vietnamese */
+div.container.theme--g10 .bx--select {
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
+  position: relative;
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  align-items: flex-start;
+}
+div.container.theme--g10 .bx--select *,
+div.container.theme--g10 .bx--select *::before,
+div.container.theme--g10 .bx--select *::after {
+  box-sizing: inherit;
+}
+div.container.theme--g10 .bx--select-input__wrapper {
+  position: relative;
+  display: flex;
+  width: 100%;
+  align-items: center;
+}
+div.container.theme--g10 .bx--select-input {
+  font-size: 0.875rem;
+  font-weight: 400;
+  line-height: 1.29;
+  letter-spacing: 0.16px;
+  outline: 2px solid transparent;
+  outline-offset: -2px;
+  display: block;
+  width: 100%;
+  height: 2.5rem;
+  padding: 0 3rem 0 1rem;
+  border: none;
+  border-bottom: 1px solid #8d8d8d;
+  appearance: none;
+  background-color: #ffffff;
+  border-radius: 0;
+  color: #161616;
+  cursor: pointer;
+  opacity: 1;
+  transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
+}
+div.container.theme--g10 .bx--select-input:hover {
+  background-color: #e5e5e5;
+}
+div.container.theme--g10 .bx--select-input::-ms-expand {
+  display: none;
+}
+@-moz-document url-prefix() {
+  div.container.theme--g10 .bx--select-input:-moz-focusring, div.container.theme--g10 .bx--select-input::-moz-focus-inner {
+    background-image: none;
+    color: transparent;
+    text-shadow: 0 0 0 #000000;
+  }
+}
+div.container.theme--g10 .bx--select-input:focus {
+  outline: 2px solid #0f62fe;
+  outline-offset: -2px;
+  color: #161616;
+}
+@media screen and (prefers-contrast) {
+  div.container.theme--g10 .bx--select-input:focus {
+    outline-style: dotted;
+  }
+}
+div.container.theme--g10 .bx--select-input:disabled, div.container.theme--g10 .bx--select-input:hover:disabled {
+  border-bottom-color: #ffffff;
+  background-color: #ffffff;
+  color: #c6c6c6;
+  cursor: not-allowed;
+}
+div.container.theme--g10 .bx--select-input--sm {
+  height: 2rem;
+  max-height: 2rem;
+}
+div.container.theme--g10 .bx--select-input--xl,
+div.container.theme--g10 .bx--select-input--lg {
+  height: 3rem;
+  max-height: 3rem;
+}
+div.container.theme--g10 .bx--select--disabled .bx--label,
+div.container.theme--g10 .bx--select--disabled .bx--form__helper-text {
+  color: #c6c6c6;
+}
+div.container.theme--g10 .bx--select-input__wrapper[data-invalid] .bx--select-input,
+div.container.theme--g10 .bx--select--warning .bx--select-input {
+  padding-right: 4.5rem;
+}
+div.container.theme--g10 .bx--select-input:disabled ~ .bx--select__arrow {
+  fill: #c6c6c6;
+}
+div.container.theme--g10 .bx--select--light .bx--select-input {
+  background-color: #f4f4f4;
+}
+div.container.theme--g10 .bx--select--light .bx--select-input:hover {
+  background-color: #e5e5e5;
+}
+div.container.theme--g10 .bx--select--light .bx--select-input:disabled, div.container.theme--g10 .bx--select--light .bx--select-input:hover:disabled {
+  background-color: #f4f4f4;
+  color: #c6c6c6;
+  cursor: not-allowed;
+}
+div.container.theme--g10 .bx--select__arrow {
+  position: absolute;
+  top: 0;
+  right: 1rem;
+  height: 100%;
+  fill: #161616;
+  pointer-events: none;
+}
+@media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {
+  div.container.theme--g10 .bx--select__arrow path {
+    fill: ButtonText;
+  }
+}
+div.container.theme--g10 .bx--select__invalid-icon {
+  position: absolute;
+  right: 2.5rem;
+}
+div.container.theme--g10 .bx--select-input__wrapper[data-invalid] .bx--select-input ~ .bx--select__invalid-icon {
+  fill: #da1e28;
+}
+div.container.theme--g10 .bx--select__invalid-icon--warning {
+  fill: #f1c21b;
+}
+div.container.theme--g10 .bx--select__invalid-icon--warning path[fill] {
+  fill: #000000;
+  opacity: 1;
+}
+div.container.theme--g10 .bx--select-optgroup,
+div.container.theme--g10 .bx--select-option {
+  color: #161616;
+}
+div.container.theme--g10 .bx--select-optgroup:disabled,
+div.container.theme--g10 .bx--select-option:disabled {
+  color: #c6c6c6;
+}
+div.container.theme--g10 .bx--select--inline {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+div.container.theme--g10 .bx--select--inline.bx--select--invalid .bx--label,
+div.container.theme--g10 .bx--select--inline.bx--select--invalid .bx--form__helper-text {
+  align-self: flex-start;
+  margin-top: 0.8125rem;
+}
+div.container.theme--g10 .bx--select--inline .bx--form__helper-text {
+  margin-bottom: 0;
+  margin-left: 0.5rem;
+}
+div.container.theme--g10 .bx--select--inline .bx--label {
+  margin: 0 0.5rem 0 0;
+  white-space: nowrap;
+}
+div.container.theme--g10 .bx--select--inline .bx--select-input {
+  width: auto;
+  padding-right: 2rem;
+  padding-left: 0.5rem;
+  border-bottom: none;
+  background-color: #f4f4f4;
+  color: #161616;
+}
+div.container.theme--g10 .bx--select--inline .bx--select-input[disabled],
+div.container.theme--g10 .bx--select--inline .bx--select-input[disabled]:hover {
+  background-color: #ffffff;
+}
+div.container.theme--g10 .bx--select--inline .bx--select__arrow {
+  right: 0.5rem;
+}
+div.container.theme--g10 .bx--select--inline.bx--select--invalid .bx--select-input {
+  padding-right: 3.5rem;
+}
+div.container.theme--g10 .bx--select--inline.bx--select--invalid .bx--select-input ~ .bx--select__invalid-icon {
+  right: 2rem;
+}
+div.container.theme--g10 .bx--select--inline .bx--select-input:disabled {
+  color: #c6c6c6;
+  cursor: not-allowed;
+}
+div.container.theme--g10 .bx--select--inline .bx--select-input:disabled ~ * {
+  cursor: not-allowed;
+}
+div.container.theme--g10 .bx--select.bx--skeleton {
+  position: relative;
+  padding: 0;
+  border: none;
+  background: #e5e5e5;
+  box-shadow: none;
+  pointer-events: none;
+  width: 100%;
+  height: 2.5rem;
+}
+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 {
+  border: none;
+  cursor: default;
+  outline: none;
+}
+div.container.theme--g10 .bx--select.bx--skeleton::before {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  animation: 3000ms ease-in-out skeleton infinite;
+  background: #c6c6c6;
+  content: "";
+  will-change: transform-origin, transform, opacity;
+}
+@media (prefers-reduced-motion: reduce) {
+  div.container.theme--g10 .bx--select.bx--skeleton::before {
+    animation: none;
+  }
+}
+div.container.theme--g10 .bx--select.bx--skeleton .bx--select-input {
+  display: none;
+}
+@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
+  div.container.theme--g10 .bx--select__arrow {
+    fill: ButtonText;
+  }
+}
+div.container.theme--g90 {
+  /* cyrillic-ext */
+  /* cyrillic */
+  /* greek */
+  /* vietnamese */
+  /* latin-ext */
+  /* latin */
+  /* cyrillic-ext */
+  /* cyrillic */
+  /* greek */
+  /* vietnamese */
+  /* latin-ext */
+  /* latin */
+  /* cyrillic-ext */
+  /* cyrillic */
+  /* greek */
+  /* vietnamese */
+  /* latin-ext */
+  /* latin */
+  /* cyrillic-ext */
+  /* cyrillic */
+  /* greek */
+  /* vietnamese */
+  /* latin-ext */
+  /* latin */
+  /* cyrillic-ext */
+  /* cyrillic */
+  /* greek */
+  /* vietnamese */
+  /* latin-ext */
+  /* latin */
+  /* cyrillic-ext */
+  /* cyrillic */
+  /* greek */
+  /* vietnamese */
   /* latin-ext */
   /* latin */
   /* vietnamese */
@@ -18493,6 +19221,8 @@ div.container.theme--g90 .bx--cc--chart-wrapper .layout-child {
   overflow: visible;
 }
 div.container.theme--g90 .bx--cc--chart-wrapper svg.layout-svg-wrapper {
+  height: inherit;
+  width: inherit;
   overflow: visible;
 }
 div.container.theme--g90 div.bx--cc--legend {
@@ -19763,50 +20493,153 @@ div.container.theme--g90 .bx--chart-holder:-webkit-full-screen {
 div.container.theme--g90 .bx--cc--chart-wrapper {
   overflow: visible;
 }
-div.container.theme--g90 .bx--modal {
-  position: fixed;
-  z-index: 9000;
-  top: 0;
-  left: 0;
-  display: flex;
-  width: 100vw;
-  height: 100vh;
-  align-items: center;
-  justify-content: center;
-  background-color: rgba(22, 22, 22, 0.7);
-  content: "";
-  opacity: 0;
-  transition: opacity 240ms cubic-bezier(0.4, 0.14, 1, 1), visibility 0ms linear 240ms;
-  visibility: hidden;
+div.container.theme--g90 .resource-card-group {
+  margin-left: 0;
+  margin-right: 0;
+  margin-top: 30px;
+  max-width: 700px;
 }
-div.container.theme--g90 .bx--modal.is-visible {
-  opacity: 1;
-  transition: opacity 240ms cubic-bezier(0, 0, 0.3, 1), visibility 0ms linear;
-  visibility: inherit;
+div.container.theme--g90 .resource-card-group .bx--col-md-6.bx--col-lg-6 {
+  border: 1px solid #262626;
+  padding: 0;
 }
-div.container.theme--g90 .bx--modal .bx--pagination,
-div.container.theme--g90 .bx--modal .bx--pagination__control-buttons,
-div.container.theme--g90 .bx--modal .bx--text-input,
-div.container.theme--g90 .bx--modal .bx--text-area,
-div.container.theme--g90 .bx--modal .bx--search-input,
-div.container.theme--g90 .bx--modal .bx--select-input,
-div.container.theme--g90 .bx--modal .bx--dropdown,
-div.container.theme--g90 .bx--modal .bx--dropdown-list,
-div.container.theme--g90 .bx--modal .bx--number input[type=number],
-div.container.theme--g90 .bx--modal .bx--date-picker__input {
-  background-color: #525252;
+div.container.theme--g90 .bx--resource-card .bx--tile {
+  background: #393939;
+  height: 100%;
+  padding: 1rem 25% 1rem 1rem;
+  position: relative;
+  transition: background 70ms;
+  text-decoration: none;
 }
-div.container.theme--g90 .bx--modal.is-visible .bx--modal-container {
-  transform: translate3d(0, 0, 0);
-  transition: transform 240ms cubic-bezier(0, 0, 0.3, 1);
+div.container.theme--g90 .bx--resource-card .bx--tile:hover {
+  background: #4c4c4c;
 }
-div.container.theme--g90 .bx--modal-container {
-  position: fixed;
-  top: 0;
-  display: grid;
-  overflow: hidden;
-  width: 100%;
-  height: 100%;
+div.container.theme--g90 .bx--resource-card__title {
+  font-size: 1.25rem;
+  font-weight: 400;
+  line-height: 1.4;
+  letter-spacing: 0;
+  text-decoration: none;
+  color: #f4f4f4;
+}
+div.container.theme--g90 .bx--resource-card__subtitle {
+  font-size: 0.875rem;
+  font-weight: 600;
+  line-height: 1.29;
+  letter-spacing: 0.16px;
+  font-weight: 400;
+  text-decoration: none;
+  color: #f4f4f4;
+}
+div.container.theme--g90 .bx--resource-card__icon--img {
+  position: absolute;
+  bottom: 1rem;
+  left: 1rem;
+  min-width: 32px;
+  min-height: 32px;
+  display: flex;
+  align-items: flex-end;
+}
+div.container.theme--g90 .bx--resource-card__icon--img .gatsby-resp-image-wrapper,
+div.container.theme--g90 .bx--resource-card__icon--img img[src*=gif],
+div.container.theme--g90 .bx--resource-card__icon--img img[src*=svg] {
+  margin-bottom: 0;
+}
+div.container.theme--g90 .bx--resource-card__icon--img .gatsby-resp-image-wrapper {
+  position: static !important;
+}
+div.container.theme--g90 .bx--resource-card__icon--action {
+  position: absolute;
+  bottom: 1rem;
+  right: 1rem;
+  width: 20px;
+  height: 20px;
+}
+div.container.theme--g90 .bx--resource-card .bx--resource-card__icon--action svg {
+  fill: #f4f4f4;
+}
+div.container.theme--g90 .bx--resource-card--dark .bx--tile {
+  background: #262626;
+}
+div.container.theme--g90 .bx--resource-card--dark .bx--tile:hover {
+  background: #393939;
+}
+div.container.theme--g90 .bx--resource-card--dark .bx--resource-card__title,
+div.container.theme--g90 .bx--resource-card--dark .bx--resource-card__subtitle {
+  color: #ffffff;
+}
+div.container.theme--g90 .bx--resource-card--dark .bx--resource-card__icon--action svg {
+  fill: #f4f4f4;
+}
+div.container.theme--g90 .bx--resource-card--disabled .bx--tile:hover {
+  background: #393939;
+  cursor: not-allowed;
+}
+div.container.theme--g90 .bx--resource-card--disabled .bx--resource-card__title,
+div.container.theme--g90 .bx--resource-card--disabled .bx--resource-card__subtitle {
+  color: #a8a8a8;
+}
+div.container.theme--g90 .bx--resource-card--disabled .bx--resource-card__icon--action svg {
+  fill: #6f6f6f;
+}
+div.container.theme--g90 .bx--resource-card--disabled .bx--resource-card__icon--img {
+  filter: grayscale(100%);
+  opacity: 0.5;
+}
+div.container.theme--g90 .bx--resource-card--disabled.bx--resource-card--dark .bx--tile:hover {
+  background: #262626;
+}
+div.container.theme--g90 .bx--resource-card--disabled.bx--resource-card--dark .bx--resource-card__title,
+div.container.theme--g90 .bx--resource-card--disabled.bx--resource-card--dark .bx--resource-card__subtitle {
+  color: #8d8d8d;
+}
+div.container.theme--g90 .bx--resource-card--disabled.bx--resource-card--dark .bx--resource-card__icon--action svg {
+  fill: #525252;
+}
+div.container.theme--g90 .bx--modal {
+  position: fixed;
+  z-index: 9000;
+  top: 0;
+  left: 0;
+  display: flex;
+  width: 100vw;
+  height: 100vh;
+  align-items: center;
+  justify-content: center;
+  background-color: rgba(22, 22, 22, 0.7);
+  content: "";
+  opacity: 0;
+  transition: opacity 240ms cubic-bezier(0.4, 0.14, 1, 1), visibility 0ms linear 240ms;
+  visibility: hidden;
+}
+div.container.theme--g90 .bx--modal.is-visible {
+  opacity: 1;
+  transition: opacity 240ms cubic-bezier(0, 0, 0.3, 1), visibility 0ms linear;
+  visibility: inherit;
+}
+div.container.theme--g90 .bx--modal .bx--pagination,
+div.container.theme--g90 .bx--modal .bx--pagination__control-buttons,
+div.container.theme--g90 .bx--modal .bx--text-input,
+div.container.theme--g90 .bx--modal .bx--text-area,
+div.container.theme--g90 .bx--modal .bx--search-input,
+div.container.theme--g90 .bx--modal .bx--select-input,
+div.container.theme--g90 .bx--modal .bx--dropdown,
+div.container.theme--g90 .bx--modal .bx--dropdown-list,
+div.container.theme--g90 .bx--modal .bx--number input[type=number],
+div.container.theme--g90 .bx--modal .bx--date-picker__input {
+  background-color: #525252;
+}
+div.container.theme--g90 .bx--modal.is-visible .bx--modal-container {
+  transform: translate3d(0, 0, 0);
+  transition: transform 240ms cubic-bezier(0, 0, 0.3, 1);
+}
+div.container.theme--g90 .bx--modal-container {
+  position: fixed;
+  top: 0;
+  display: grid;
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
   max-height: 100%;
   background-color: #393939;
   grid-template-columns: 100%;
@@ -21087,6 +21920,230 @@ div.container.theme--g90 .bx--data-table--sm .bx--form-item.bx--checkbox-wrapper
     outline: 1px solid transparent;
   }
 }
+div.container.theme--g90 .bx--select {
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
+  position: relative;
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  align-items: flex-start;
+}
+div.container.theme--g90 .bx--select *,
+div.container.theme--g90 .bx--select *::before,
+div.container.theme--g90 .bx--select *::after {
+  box-sizing: inherit;
+}
+div.container.theme--g90 .bx--select-input__wrapper {
+  position: relative;
+  display: flex;
+  width: 100%;
+  align-items: center;
+}
+div.container.theme--g90 .bx--select-input {
+  font-size: 0.875rem;
+  font-weight: 400;
+  line-height: 1.29;
+  letter-spacing: 0.16px;
+  outline: 2px solid transparent;
+  outline-offset: -2px;
+  display: block;
+  width: 100%;
+  height: 2.5rem;
+  padding: 0 3rem 0 1rem;
+  border: none;
+  border-bottom: 1px solid #8d8d8d;
+  appearance: none;
+  background-color: #393939;
+  border-radius: 0;
+  color: #f4f4f4;
+  cursor: pointer;
+  opacity: 1;
+  transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
+}
+div.container.theme--g90 .bx--select-input:hover {
+  background-color: #4c4c4c;
+}
+div.container.theme--g90 .bx--select-input::-ms-expand {
+  display: none;
+}
+@-moz-document url-prefix() {
+  div.container.theme--g90 .bx--select-input:-moz-focusring, div.container.theme--g90 .bx--select-input::-moz-focus-inner {
+    background-image: none;
+    color: transparent;
+    text-shadow: 0 0 0 #000000;
+  }
+}
+div.container.theme--g90 .bx--select-input:focus {
+  outline: 2px solid #ffffff;
+  outline-offset: -2px;
+  color: #f4f4f4;
+}
+@media screen and (prefers-contrast) {
+  div.container.theme--g90 .bx--select-input:focus {
+    outline-style: dotted;
+  }
+}
+div.container.theme--g90 .bx--select-input:disabled, div.container.theme--g90 .bx--select-input:hover:disabled {
+  border-bottom-color: #393939;
+  background-color: #393939;
+  color: #6f6f6f;
+  cursor: not-allowed;
+}
+div.container.theme--g90 .bx--select-input--sm {
+  height: 2rem;
+  max-height: 2rem;
+}
+div.container.theme--g90 .bx--select-input--xl,
+div.container.theme--g90 .bx--select-input--lg {
+  height: 3rem;
+  max-height: 3rem;
+}
+div.container.theme--g90 .bx--select--disabled .bx--label,
+div.container.theme--g90 .bx--select--disabled .bx--form__helper-text {
+  color: #6f6f6f;
+}
+div.container.theme--g90 .bx--select-input__wrapper[data-invalid] .bx--select-input,
+div.container.theme--g90 .bx--select--warning .bx--select-input {
+  padding-right: 4.5rem;
+}
+div.container.theme--g90 .bx--select-input:disabled ~ .bx--select__arrow {
+  fill: #6f6f6f;
+}
+div.container.theme--g90 .bx--select--light .bx--select-input {
+  background-color: #525252;
+}
+div.container.theme--g90 .bx--select--light .bx--select-input:hover {
+  background-color: #4c4c4c;
+}
+div.container.theme--g90 .bx--select--light .bx--select-input:disabled, div.container.theme--g90 .bx--select--light .bx--select-input:hover:disabled {
+  background-color: #525252;
+  color: #6f6f6f;
+  cursor: not-allowed;
+}
+div.container.theme--g90 .bx--select__arrow {
+  position: absolute;
+  top: 0;
+  right: 1rem;
+  height: 100%;
+  fill: #f4f4f4;
+  pointer-events: none;
+}
+@media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {
+  div.container.theme--g90 .bx--select__arrow path {
+    fill: ButtonText;
+  }
+}
+div.container.theme--g90 .bx--select__invalid-icon {
+  position: absolute;
+  right: 2.5rem;
+}
+div.container.theme--g90 .bx--select-input__wrapper[data-invalid] .bx--select-input ~ .bx--select__invalid-icon {
+  fill: #ff8389;
+}
+div.container.theme--g90 .bx--select__invalid-icon--warning {
+  fill: #f1c21b;
+}
+div.container.theme--g90 .bx--select__invalid-icon--warning path[fill] {
+  fill: #000000;
+  opacity: 1;
+}
+div.container.theme--g90 .bx--select-optgroup,
+div.container.theme--g90 .bx--select-option {
+  color: #f4f4f4;
+}
+div.container.theme--g90 .bx--select-optgroup:disabled,
+div.container.theme--g90 .bx--select-option:disabled {
+  color: #6f6f6f;
+}
+div.container.theme--g90 .bx--select--inline {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+div.container.theme--g90 .bx--select--inline.bx--select--invalid .bx--label,
+div.container.theme--g90 .bx--select--inline.bx--select--invalid .bx--form__helper-text {
+  align-self: flex-start;
+  margin-top: 0.8125rem;
+}
+div.container.theme--g90 .bx--select--inline .bx--form__helper-text {
+  margin-bottom: 0;
+  margin-left: 0.5rem;
+}
+div.container.theme--g90 .bx--select--inline .bx--label {
+  margin: 0 0.5rem 0 0;
+  white-space: nowrap;
+}
+div.container.theme--g90 .bx--select--inline .bx--select-input {
+  width: auto;
+  padding-right: 2rem;
+  padding-left: 0.5rem;
+  border-bottom: none;
+  background-color: #262626;
+  color: #f4f4f4;
+}
+div.container.theme--g90 .bx--select--inline .bx--select-input[disabled],
+div.container.theme--g90 .bx--select--inline .bx--select-input[disabled]:hover {
+  background-color: #393939;
+}
+div.container.theme--g90 .bx--select--inline .bx--select__arrow {
+  right: 0.5rem;
+}
+div.container.theme--g90 .bx--select--inline.bx--select--invalid .bx--select-input {
+  padding-right: 3.5rem;
+}
+div.container.theme--g90 .bx--select--inline.bx--select--invalid .bx--select-input ~ .bx--select__invalid-icon {
+  right: 2rem;
+}
+div.container.theme--g90 .bx--select--inline .bx--select-input:disabled {
+  color: #c6c6c6;
+  cursor: not-allowed;
+}
+div.container.theme--g90 .bx--select--inline .bx--select-input:disabled ~ * {
+  cursor: not-allowed;
+}
+div.container.theme--g90 .bx--select.bx--skeleton {
+  position: relative;
+  padding: 0;
+  border: none;
+  background: #353535;
+  box-shadow: none;
+  pointer-events: none;
+  width: 100%;
+  height: 2.5rem;
+}
+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 {
+  border: none;
+  cursor: default;
+  outline: none;
+}
+div.container.theme--g90 .bx--select.bx--skeleton::before {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  animation: 3000ms ease-in-out skeleton infinite;
+  background: #525252;
+  content: "";
+  will-change: transform-origin, transform, opacity;
+}
+@media (prefers-reduced-motion: reduce) {
+  div.container.theme--g90 .bx--select.bx--skeleton::before {
+    animation: none;
+  }
+}
+div.container.theme--g90 .bx--select.bx--skeleton .bx--select-input {
+  display: none;
+}
+@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
+  div.container.theme--g90 .bx--select__arrow {
+    fill: ButtonText;
+  }
+}
 div.container.theme--g90 .bx--radio-button__appearance {
   background-color: transparent;
   border-color: #f4f4f4;
@@ -22623,6 +23680,8 @@ div.container.theme--g100 .bx--cc--chart-wrapper .layout-child {
   overflow: visible;
 }
 div.container.theme--g100 .bx--cc--chart-wrapper svg.layout-svg-wrapper {
+  height: inherit;
+  width: inherit;
   overflow: visible;
 }
 div.container.theme--g100 div.bx--cc--legend {
@@ -23864,34 +24923,137 @@ div.container.theme--g100 .bx--cc--chart-wrapper text.percent-value {
 div.container.theme--g100 .bx--cc--chart-wrapper text.meter-title {
   font-weight: 600;
 }
-div.container.theme--g100 .bx--chart-holder {
-  position: relative;
-  display: block;
-  width: 100%;
-  height: 100%;
+div.container.theme--g100 .bx--chart-holder {
+  position: relative;
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+div.container.theme--g100 .bx--chart-holder.filled {
+  background-color: #161616;
+}
+div.container.theme--g100 .bx--chart-holder.filled .bx--cc--chart-wrapper {
+  background-color: #161616;
+}
+div.container.theme--g100 .bx--chart-holder .DONT_STYLE_ME_css_styles_verifier {
+  overflow: hidden;
+  opacity: 0;
+}
+div.container.theme--g100 .bx--chart-holder.fullscreen,
+div.container.theme--g100 .bx--chart-holder:-webkit-full-screen {
+  /* !important is used here to get closer to
+  a truly fullscreen experience */
+  width: 100% !important;
+  height: 100% !important;
+  max-width: unset !important;
+  max-height: unset !important;
+  padding: 2em;
+}
+div.container.theme--g100 .bx--cc--chart-wrapper {
+  overflow: visible;
+}
+div.container.theme--g100 .resource-card-group {
+  margin-left: 0;
+  margin-right: 0;
+  margin-top: 30px;
+  max-width: 700px;
+}
+div.container.theme--g100 .resource-card-group .bx--col-md-6.bx--col-lg-6 {
+  border: 1px solid #161616;
+  padding: 0;
+}
+div.container.theme--g100 .bx--resource-card .bx--tile {
+  background: #262626;
+  height: 100%;
+  padding: 1rem 25% 1rem 1rem;
+  position: relative;
+  transition: background 70ms;
+  text-decoration: none;
+}
+div.container.theme--g100 .bx--resource-card .bx--tile:hover {
+  background: #353535;
+}
+div.container.theme--g100 .bx--resource-card__title {
+  font-size: 1.25rem;
+  font-weight: 400;
+  line-height: 1.4;
+  letter-spacing: 0;
+  text-decoration: none;
+  color: #f4f4f4;
+}
+div.container.theme--g100 .bx--resource-card__subtitle {
+  font-size: 0.875rem;
+  font-weight: 600;
+  line-height: 1.29;
+  letter-spacing: 0.16px;
+  font-weight: 400;
+  text-decoration: none;
+  color: #f4f4f4;
+}
+div.container.theme--g100 .bx--resource-card__icon--img {
+  position: absolute;
+  bottom: 1rem;
+  left: 1rem;
+  min-width: 32px;
+  min-height: 32px;
+  display: flex;
+  align-items: flex-end;
+}
+div.container.theme--g100 .bx--resource-card__icon--img .gatsby-resp-image-wrapper,
+div.container.theme--g100 .bx--resource-card__icon--img img[src*=gif],
+div.container.theme--g100 .bx--resource-card__icon--img img[src*=svg] {
+  margin-bottom: 0;
+}
+div.container.theme--g100 .bx--resource-card__icon--img .gatsby-resp-image-wrapper {
+  position: static !important;
+}
+div.container.theme--g100 .bx--resource-card__icon--action {
+  position: absolute;
+  bottom: 1rem;
+  right: 1rem;
+  width: 20px;
+  height: 20px;
+}
+div.container.theme--g100 .bx--resource-card .bx--resource-card__icon--action svg {
+  fill: #f4f4f4;
+}
+div.container.theme--g100 .bx--resource-card--dark .bx--tile {
+  background: #262626;
+}
+div.container.theme--g100 .bx--resource-card--dark .bx--tile:hover {
+  background: #393939;
+}
+div.container.theme--g100 .bx--resource-card--dark .bx--resource-card__title,
+div.container.theme--g100 .bx--resource-card--dark .bx--resource-card__subtitle {
+  color: #ffffff;
+}
+div.container.theme--g100 .bx--resource-card--dark .bx--resource-card__icon--action svg {
+  fill: #f4f4f4;
+}
+div.container.theme--g100 .bx--resource-card--disabled .bx--tile:hover {
+  background: #262626;
+  cursor: not-allowed;
+}
+div.container.theme--g100 .bx--resource-card--disabled .bx--resource-card__title,
+div.container.theme--g100 .bx--resource-card--disabled .bx--resource-card__subtitle {
+  color: #8d8d8d;
 }
-div.container.theme--g100 .bx--chart-holder.filled {
-  background-color: #161616;
+div.container.theme--g100 .bx--resource-card--disabled .bx--resource-card__icon--action svg {
+  fill: #525252;
 }
-div.container.theme--g100 .bx--chart-holder.filled .bx--cc--chart-wrapper {
-  background-color: #161616;
+div.container.theme--g100 .bx--resource-card--disabled .bx--resource-card__icon--img {
+  filter: grayscale(100%);
+  opacity: 0.5;
 }
-div.container.theme--g100 .bx--chart-holder .DONT_STYLE_ME_css_styles_verifier {
-  overflow: hidden;
-  opacity: 0;
+div.container.theme--g100 .bx--resource-card--disabled.bx--resource-card--dark .bx--tile:hover {
+  background: #262626;
 }
-div.container.theme--g100 .bx--chart-holder.fullscreen,
-div.container.theme--g100 .bx--chart-holder:-webkit-full-screen {
-  /* !important is used here to get closer to
-  a truly fullscreen experience */
-  width: 100% !important;
-  height: 100% !important;
-  max-width: unset !important;
-  max-height: unset !important;
-  padding: 2em;
+div.container.theme--g100 .bx--resource-card--disabled.bx--resource-card--dark .bx--resource-card__title,
+div.container.theme--g100 .bx--resource-card--disabled.bx--resource-card--dark .bx--resource-card__subtitle {
+  color: #8d8d8d;
 }
-div.container.theme--g100 .bx--cc--chart-wrapper {
-  overflow: visible;
+div.container.theme--g100 .bx--resource-card--disabled.bx--resource-card--dark .bx--resource-card__icon--action svg {
+  fill: #525252;
 }
 div.container.theme--g100 .bx--modal {
   position: fixed;
@@ -25217,6 +26379,230 @@ div.container.theme--g100 .bx--data-table--sm .bx--form-item.bx--checkbox-wrappe
     outline: 1px solid transparent;
   }
 }
+div.container.theme--g100 .bx--select {
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
+  position: relative;
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  align-items: flex-start;
+}
+div.container.theme--g100 .bx--select *,
+div.container.theme--g100 .bx--select *::before,
+div.container.theme--g100 .bx--select *::after {
+  box-sizing: inherit;
+}
+div.container.theme--g100 .bx--select-input__wrapper {
+  position: relative;
+  display: flex;
+  width: 100%;
+  align-items: center;
+}
+div.container.theme--g100 .bx--select-input {
+  font-size: 0.875rem;
+  font-weight: 400;
+  line-height: 1.29;
+  letter-spacing: 0.16px;
+  outline: 2px solid transparent;
+  outline-offset: -2px;
+  display: block;
+  width: 100%;
+  height: 2.5rem;
+  padding: 0 3rem 0 1rem;
+  border: none;
+  border-bottom: 1px solid #6f6f6f;
+  appearance: none;
+  background-color: #262626;
+  border-radius: 0;
+  color: #f4f4f4;
+  cursor: pointer;
+  opacity: 1;
+  transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
+}
+div.container.theme--g100 .bx--select-input:hover {
+  background-color: #353535;
+}
+div.container.theme--g100 .bx--select-input::-ms-expand {
+  display: none;
+}
+@-moz-document url-prefix() {
+  div.container.theme--g100 .bx--select-input:-moz-focusring, div.container.theme--g100 .bx--select-input::-moz-focus-inner {
+    background-image: none;
+    color: transparent;
+    text-shadow: 0 0 0 #000000;
+  }
+}
+div.container.theme--g100 .bx--select-input:focus {
+  outline: 2px solid #ffffff;
+  outline-offset: -2px;
+  color: #f4f4f4;
+}
+@media screen and (prefers-contrast) {
+  div.container.theme--g100 .bx--select-input:focus {
+    outline-style: dotted;
+  }
+}
+div.container.theme--g100 .bx--select-input:disabled, div.container.theme--g100 .bx--select-input:hover:disabled {
+  border-bottom-color: #262626;
+  background-color: #262626;
+  color: #525252;
+  cursor: not-allowed;
+}
+div.container.theme--g100 .bx--select-input--sm {
+  height: 2rem;
+  max-height: 2rem;
+}
+div.container.theme--g100 .bx--select-input--xl,
+div.container.theme--g100 .bx--select-input--lg {
+  height: 3rem;
+  max-height: 3rem;
+}
+div.container.theme--g100 .bx--select--disabled .bx--label,
+div.container.theme--g100 .bx--select--disabled .bx--form__helper-text {
+  color: #525252;
+}
+div.container.theme--g100 .bx--select-input__wrapper[data-invalid] .bx--select-input,
+div.container.theme--g100 .bx--select--warning .bx--select-input {
+  padding-right: 4.5rem;
+}
+div.container.theme--g100 .bx--select-input:disabled ~ .bx--select__arrow {
+  fill: #525252;
+}
+div.container.theme--g100 .bx--select--light .bx--select-input {
+  background-color: #393939;
+}
+div.container.theme--g100 .bx--select--light .bx--select-input:hover {
+  background-color: #353535;
+}
+div.container.theme--g100 .bx--select--light .bx--select-input:disabled, div.container.theme--g100 .bx--select--light .bx--select-input:hover:disabled {
+  background-color: #393939;
+  color: #525252;
+  cursor: not-allowed;
+}
+div.container.theme--g100 .bx--select__arrow {
+  position: absolute;
+  top: 0;
+  right: 1rem;
+  height: 100%;
+  fill: #f4f4f4;
+  pointer-events: none;
+}
+@media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {
+  div.container.theme--g100 .bx--select__arrow path {
+    fill: ButtonText;
+  }
+}
+div.container.theme--g100 .bx--select__invalid-icon {
+  position: absolute;
+  right: 2.5rem;
+}
+div.container.theme--g100 .bx--select-input__wrapper[data-invalid] .bx--select-input ~ .bx--select__invalid-icon {
+  fill: #fa4d56;
+}
+div.container.theme--g100 .bx--select__invalid-icon--warning {
+  fill: #f1c21b;
+}
+div.container.theme--g100 .bx--select__invalid-icon--warning path[fill] {
+  fill: #000000;
+  opacity: 1;
+}
+div.container.theme--g100 .bx--select-optgroup,
+div.container.theme--g100 .bx--select-option {
+  color: #f4f4f4;
+}
+div.container.theme--g100 .bx--select-optgroup:disabled,
+div.container.theme--g100 .bx--select-option:disabled {
+  color: #525252;
+}
+div.container.theme--g100 .bx--select--inline {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+div.container.theme--g100 .bx--select--inline.bx--select--invalid .bx--label,
+div.container.theme--g100 .bx--select--inline.bx--select--invalid .bx--form__helper-text {
+  align-self: flex-start;
+  margin-top: 0.8125rem;
+}
+div.container.theme--g100 .bx--select--inline .bx--form__helper-text {
+  margin-bottom: 0;
+  margin-left: 0.5rem;
+}
+div.container.theme--g100 .bx--select--inline .bx--label {
+  margin: 0 0.5rem 0 0;
+  white-space: nowrap;
+}
+div.container.theme--g100 .bx--select--inline .bx--select-input {
+  width: auto;
+  padding-right: 2rem;
+  padding-left: 0.5rem;
+  border-bottom: none;
+  background-color: #161616;
+  color: #f4f4f4;
+}
+div.container.theme--g100 .bx--select--inline .bx--select-input[disabled],
+div.container.theme--g100 .bx--select--inline .bx--select-input[disabled]:hover {
+  background-color: #262626;
+}
+div.container.theme--g100 .bx--select--inline .bx--select__arrow {
+  right: 0.5rem;
+}
+div.container.theme--g100 .bx--select--inline.bx--select--invalid .bx--select-input {
+  padding-right: 3.5rem;
+}
+div.container.theme--g100 .bx--select--inline.bx--select--invalid .bx--select-input ~ .bx--select__invalid-icon {
+  right: 2rem;
+}
+div.container.theme--g100 .bx--select--inline .bx--select-input:disabled {
+  color: #c6c6c6;
+  cursor: not-allowed;
+}
+div.container.theme--g100 .bx--select--inline .bx--select-input:disabled ~ * {
+  cursor: not-allowed;
+}
+div.container.theme--g100 .bx--select.bx--skeleton {
+  position: relative;
+  padding: 0;
+  border: none;
+  background: #353535;
+  box-shadow: none;
+  pointer-events: none;
+  width: 100%;
+  height: 2.5rem;
+}
+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 {
+  border: none;
+  cursor: default;
+  outline: none;
+}
+div.container.theme--g100 .bx--select.bx--skeleton::before {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  animation: 3000ms ease-in-out skeleton infinite;
+  background: #525252;
+  content: "";
+  will-change: transform-origin, transform, opacity;
+}
+@media (prefers-reduced-motion: reduce) {
+  div.container.theme--g100 .bx--select.bx--skeleton::before {
+    animation: none;
+  }
+}
+div.container.theme--g100 .bx--select.bx--skeleton .bx--select-input {
+  display: none;
+}
+@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
+  div.container.theme--g100 .bx--select__arrow {
+    fill: ButtonText;
+  }
+}
 div.container.theme--g100 .bx--radio-button__appearance {
   background-color: transparent;
   border-color: #f4f4f4;
@@ -25333,97 +26719,71 @@ div.container div.demo-desktop-only div.cp-message {
   }
 }
 div.container.intro {
-  display: flex;
-  height: 100vh;
-  color: #fff;
-  background-color: #171717;
   padding: 0;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  text-align: center;
-}
-div.container.intro:before {
-  content: "";
-  position: absolute;
-  display: block;
-  width: 100%;
-  height: 100%;
-  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16' xml:space='preserve'%3E%3Crect width='16' fill='none' height='16'/%3E%3Crect x='0' y='0' fill='white' width='1' height='1'/%3E%3C/svg%3E");
-  background-color: #171717;
-  background-size: 16px;
-  opacity: 0.2;
-}
-div.container.intro div.content {
-  position: relative;
-}
-div.container.intro div.content div.logo {
-  border-radius: 20px;
-  width: 120px;
-  height: 120px;
-  margin: auto;
-  margin-bottom: 25px;
-}
-div.container.intro div.content div.logo img {
-  width: 120px;
-  height: 120px;
-}
-div.container.intro div.content div.content {
-  max-width: 800px;
-  margin: auto;
-}
-div.container.intro div.content div.content div.links {
-  display: table;
-  margin: auto;
 }
-div.container.intro div.content div.content div.links .bx--btn {
-  float: left;
-  margin-right: 5px;
-  max-height: 30px;
-  padding-right: 15px;
+div.container.intro .container-welcome {
+  padding: 0 !important;
 }
-div.container.intro div.content div.content div.links .bx--btn.last {
-  margin-right: 0;
+div.container.intro .welcome__container {
+  width: 100vw;
+  min-height: 100vh;
+  padding: 3rem;
+  padding-bottom: 5rem;
+  background-color: #000;
 }
-div.container.intro div.content div.content div.links .bx--btn svg {
-  margin-right: 5px;
+@media screen and (max-width: 768px) {
+  div.container.intro .welcome__container:before {
+    position: absolute;
+    display: block;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.45);
+    content: " ";
+    z-index: 1;
+  }
 }
-div.container.intro div.content div.content div.links .bx--btn svg.angular {
-  width: 22px;
-  height: 22px;
+div.container.intro .welcome__content {
+  position: relative;
+  z-index: 2;
 }
-div.container.intro div.content div.content div.links .bx--btn svg.react {
-  width: 25px;
-  height: 25px;
-  margin-left: -5px;
+div.container.intro .welcome__heading {
+  font-size: 3.375rem;
+  font-weight: 300;
+  line-height: 1.19;
+  letter-spacing: 0;
+  color: #ffffff;
 }
-div.container.intro div.content div.content div.links .bx--btn svg.vue {
-  width: 18px;
-  height: 18px;
+div.container.intro .welcome__heading--subtitle {
+  font-weight: 600;
 }
-div.container.intro div.content h1 {
-  font-size: 2.25rem;
+div.container.intro .welcome__heading--other {
+  font-size: 1.75rem;
+  font-weight: 400;
+  line-height: 1.29;
+  letter-spacing: 0;
   font-weight: 600;
-  margin-top: 20px;
-  margin-bottom: 5px;
+  color: #4587fd;
 }
-div.container.intro div.content h3 {
-  font-size: 1.25rem;
-  font-weight: 300;
+div.container.intro h5 {
+  margin-top: 2em;
 }
-div.container.intro div.content span.netlify {
-  display: table;
-  border-radius: 30px;
-  padding: 8px 15px;
+div.container.intro span.netlify {
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  padding: 1em 1.5em;
+  padding-left: 3rem;
+  border-top-right-radius: 2em;
   font-size: 13px;
   vertical-align: middle;
   background-color: #292929;
   color: #bcbcbc;
-  margin: 15px auto 45px auto;
 }
-div.container.intro div.content span.netlify a {
+div.container.intro span.netlify a {
   color: #fff;
-  text-decoration: none;
+  font-weight: 700;
 }
 div.container.tutorial {
   @import '~highlight.js/styles/sunburst.css';
@@ -25481,6 +26841,9 @@ div.container .marginTop-15 {
 div.container .marginTop-30 {
   margin-top: 30px;
 }
+div.container .marginTop-45 {
+  margin-top: 45px;
+}
 div.container hr {
   margin-bottom: 75px;
   margin-top: 25px;