diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS
index 31bcc2356bb28..ebe311c57f01e 100644
--- a/.github/CODEOWNERS
+++ b/.github/CODEOWNERS
@@ -772,7 +772,6 @@ src/plugins/ui_actions_enhanced @elastic/appex-sharedux
 examples/ui_action_examples @elastic/appex-sharedux
 examples/ui_actions_explorer @elastic/appex-sharedux
 src/plugins/ui_actions @elastic/appex-sharedux
-packages/kbn-ui-framework @elastic/kibana-design
 test/plugin_functional/plugins/ui_settings_plugin @elastic/kibana-core
 packages/kbn-ui-shared-deps-npm @elastic/kibana-operations
 packages/kbn-ui-shared-deps-src @elastic/kibana-operations
diff --git a/docs/developer/getting-started/monorepo-packages.asciidoc b/docs/developer/getting-started/monorepo-packages.asciidoc
index a9dc912ab58e4..50095f8b7018f 100644
--- a/docs/developer/getting-started/monorepo-packages.asciidoc
+++ b/docs/developer/getting-started/monorepo-packages.asciidoc
@@ -90,7 +90,6 @@ yarn kbn watch
 - @kbn/test
 - @kbn/test-subj-selector
 - @kbn/tinymath
-- @kbn/ui-framework
 - @kbn/ui-shared-deps-npm
 - @kbn/ui-shared-deps-src
 - @kbn/utility-types
diff --git a/package.json b/package.json
index bdfa73e8a9426..4a42e8a4424a0 100644
--- a/package.json
+++ b/package.json
@@ -764,7 +764,6 @@
     "@kbn/ui-actions-examples-plugin": "link:examples/ui_action_examples",
     "@kbn/ui-actions-explorer-plugin": "link:examples/ui_actions_explorer",
     "@kbn/ui-actions-plugin": "link:src/plugins/ui_actions",
-    "@kbn/ui-framework": "link:packages/kbn-ui-framework",
     "@kbn/ui-settings-plugin": "link:test/plugin_functional/plugins/ui_settings_plugin",
     "@kbn/ui-shared-deps-npm": "link:packages/kbn-ui-shared-deps-npm",
     "@kbn/ui-shared-deps-src": "link:packages/kbn-ui-shared-deps-src",
diff --git a/packages/core/apps/core-apps-server-internal/src/core_app.ts b/packages/core/apps/core-apps-server-internal/src/core_app.ts
index 4d303d24d37a1..3de295874d3fe 100644
--- a/packages/core/apps/core-apps-server-internal/src/core_app.ts
+++ b/packages/core/apps/core-apps-server-internal/src/core_app.ts
@@ -271,10 +271,5 @@ export class CoreAppsService {
       '/ui/{path*}',
       fromRoot('node_modules/@kbn/core-apps-server-internal/assets')
     );
-
-    core.http.registerStaticDir(
-      '/node_modules/@kbn/ui-framework/dist/{path*}',
-      fromRoot('node_modules/@kbn/ui-framework/dist')
-    );
   }
 }
diff --git a/packages/core/rendering/core-rendering-server-internal/src/render_utils.test.ts b/packages/core/rendering/core-rendering-server-internal/src/render_utils.test.ts
index b8acdfb96e367..7fa091d6381fb 100644
--- a/packages/core/rendering/core-rendering-server-internal/src/render_utils.test.ts
+++ b/packages/core/rendering/core-rendering-server-internal/src/render_utils.test.ts
@@ -23,7 +23,6 @@ describe('getStylesheetPaths', () => {
           Array [
             "/base-path/17/bundles/kbn-ui-shared-deps-npm/kbn-ui-shared-deps-npm.v8.dark.css",
             "/base-path/17/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.css",
-            "/base-path/node_modules/@kbn/ui-framework/dist/kui_dark.min.css",
             "/base-path/ui/legacy_dark_theme.min.css",
           ]
         `);
@@ -44,7 +43,6 @@ describe('getStylesheetPaths', () => {
           Array [
             "/base-path/69/bundles/kbn-ui-shared-deps-npm/kbn-ui-shared-deps-npm.v8.light.css",
             "/base-path/69/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.css",
-            "/base-path/node_modules/@kbn/ui-framework/dist/kui_light.min.css",
             "/base-path/ui/legacy_light_theme.min.css",
           ]
         `);
diff --git a/packages/core/rendering/core-rendering-server-internal/src/render_utils.ts b/packages/core/rendering/core-rendering-server-internal/src/render_utils.ts
index 5d8eca5b201e2..01c96570bd09b 100644
--- a/packages/core/rendering/core-rendering-server-internal/src/render_utils.ts
+++ b/packages/core/rendering/core-rendering-server-internal/src/render_utils.ts
@@ -41,7 +41,6 @@ export const getStylesheetPaths = ({
             themeVersion
           )}`,
           `${regularBundlePath}/kbn-ui-shared-deps-src/${UiSharedDepsSrc.cssDistFilename}`,
-          `${basePath}/node_modules/@kbn/ui-framework/dist/kui_dark.min.css`,
           `${basePath}/ui/legacy_dark_theme.min.css`,
         ]
       : [
@@ -49,7 +48,6 @@ export const getStylesheetPaths = ({
             themeVersion
           )}`,
           `${regularBundlePath}/kbn-ui-shared-deps-src/${UiSharedDepsSrc.cssDistFilename}`,
-          `${basePath}/node_modules/@kbn/ui-framework/dist/kui_light.min.css`,
           `${basePath}/ui/legacy_light_theme.min.css`,
         ]),
   ];
diff --git a/packages/kbn-ui-framework/README.md b/packages/kbn-ui-framework/README.md
deleted file mode 100644
index 820b272cd65cb..0000000000000
--- a/packages/kbn-ui-framework/README.md
+++ /dev/null
@@ -1,27 +0,0 @@
-# Deprecation notice
-
-This package is set for deprecation and is actively being removed from Kibana.
-
-The Kibana UI framework is a collection of React elements and Sass styles used to build legacy layouts in Kibana. It was
-primarily used during the 5.x and 6.x versions and is replaced by the [Elastic UI framework](https://elastic.github.io/eui/).
-Portions of Kibana still utilize this package and until it is fully removed you can still compile and view the
-documentation using the instructions below.
-
-## Compiling KUI and viewing the docs
-
-Compile the CSS with `./node_modules/grunt/bin/grunt uiFramework:compileCss` (OS X) or
-`.\node_modules\grunt\bin\grunt uiFramework:compileCss` (Windows).
-
-You can view interactive documentation by running `yarn uiFramework:start` and then visiting
-[http://localhost:8020/](http://localhost:8020/). This will also start watching the SCSS files, and will recompile the CSS
-automatically for you when you make changes.
-
-You can run `node scripts/jest --watch` to watch for changes and run the tests as you code.
-
-You can run `node scripts/jest --coverage` to generate a code coverage report to see how
-fully-tested the code is.
-
-You can run `node scripts/jest --config path/to/plugin/jest.config.js --coverage` to generate
-a code coverage report for a single plugin.
-
-See the documentation in [`scripts/jest.js`](../scripts/jest.js) for more options.
\ No newline at end of file
diff --git a/packages/kbn-ui-framework/dist/kui_dark.css b/packages/kbn-ui-framework/dist/kui_dark.css
deleted file mode 100644
index aa16bcdb34d36..0000000000000
--- a/packages/kbn-ui-framework/dist/kui_dark.css
+++ /dev/null
@@ -1,2470 +0,0 @@
-/* 1 */
-/* 1 */
-/**
- * 1. Extend beta badges to at least 40% of the container's width
- * 2. Fix for IE to ensure badges are visible outside of a <button> tag
- */
-/**
- * 1. Apply margin to all but last item in the flex.
- * 2. Margin gets flipped because of the row-reverse.
- */
-/**
- * 3. Must supply both values to background-size or some browsers apply the single value to both directions
- */
-/**
- * 4. Override invalid state with focus state.
- */
-/**
- *  Mixin for use in:
- *  - EuiCard
- *  - EuiPageContent
-*/
-/**
- * 1. Enforce pointer when there's no href.
- * 2. Allow these styles to be applied to a button element.
- */
-/**
- * 1. Override Bootstrap styles.
- */
-/**
- * 1. Links can't have a disabled attribute, so they can't support :disabled.
- */
-/**
- * 1. Links can't have a disabled attribute, so they can't support :enabled.
- */
-/**
- * 1. Links can't have a disabled attribute, so they can't support :enabled.
- */
-/**
- * 1. Links can't have a disabled attribute, so they can't support :enabled.
- */
-/**
- * Nothing fancy, just the basics so we can use this for both regular and static controls.
- */
-/**
- * 1. Prevent Firefox users from being able to resize textareas to smaller than the min-height.
- */
-/**
- * We specifically don't include Angular's ng-${state} classes here because we don't want to be tightly
- * coupled with Angular.
- */
-/**
- * 1. Embedded SVG of fa-caret-down (https://github.com/encharm/Font-Awesome-SVG-PNG/blob/master/black/svg/caret-down.svg).
- * 2. Make room on right side for the caret.
- * 3. Prevent Firefox from showing dotted line around text on focus.
- */
-/**
- * 1. Setting to inline-block guarantees the same height when applied to both
- *    button elements and anchor tags.
- * 2. Fit MicroButton inside of Table rows without pushing them taller.
- */
-/**
- * 1. Give Bar a consistent height for when it contains shorter children, and therefore can't
- *    depend on them to give it the desired height.
- */
-/**
- * 1. Put 10px of space between each child.
- * 2. If there is only one section, align it to the right. If you wanted it aligned right, you
- *    wouldn't use the Bar in the first place.
- * 3. Children in the middle should center their content.
- * 4. Fix an IE bug which causes the last child to overflow the container.
- * 5. Fixing this bug means we now need to align the children to the right.
- */
-/**
- * 1. Required for IE11.
- */
-main {
-  display: block;
-  /* 1 */ }
-
-.kuiBar {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-  min-height: 30px;
-  /* 1 */ }
-
-.kuiBarSection {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-flex: 1;
-  -webkit-flex: 1 1 auto;
-      -ms-flex: 1 1 auto;
-          flex: 1 1 auto;
-  margin-left: 25px;
-  margin-right: 25px; }
-  .kuiBarSection:not(:first-child):not(:last-child):not(:only-child) {
-    -webkit-box-pack: center;
-    -webkit-justify-content: center;
-        -ms-flex-pack: center;
-            justify-content: center;
-    /* 3 */ }
-  .kuiBarSection:first-child {
-    margin-left: 0; }
-  .kuiBarSection:last-child {
-    margin-right: 0;
-    -webkit-box-flex: 0;
-    -webkit-flex: 0 1 auto;
-        -ms-flex: 0 1 auto;
-            flex: 0 1 auto;
-    /* 4 */
-    -webkit-box-pack: end;
-    -webkit-justify-content: flex-end;
-        -ms-flex-pack: end;
-            justify-content: flex-end;
-    /* 5 */ }
-  .kuiBarSection:only-child {
-    margin-left: auto;
-    /* 2 */ }
-  .kuiBarSection > * + * {
-    margin-left: 10px;
-    /* 1 */ }
-
-/**
- * 1. Setting to inline-block guarantees the same height when applied to both
- *    button elements and anchor tags.
- * 2. Links can be focused when they're "disabled" (since we're just faking this with a class), but
- *    at least make them look like they're not focused.
- */
-.kuiButton {
-  display: inline-block;
-  /* 1 */
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  cursor: pointer;
-  padding: 4px 12px 5px;
-  font-size: 16px;
-  font-weight: 400;
-  line-height: 1.5;
-  height: 30px;
-  text-decoration: none;
-  border: none;
-  border-radius: 4px; }
-  .kuiButton:disabled {
-    cursor: not-allowed;
-    opacity: .5; }
-  a.kuiButton.kuiButton-isDisabled {
-    cursor: not-allowed;
-    opacity: .5; }
-  .kuiButton:enabled:active {
-    -webkit-transform: translateY(1px);
-            transform: translateY(1px); }
-  a.kuiButton:not(.kuiButton-isDisabled):active {
-    /* 1 */
-    -webkit-transform: translateY(1px);
-            transform: translateY(1px); }
-
-/**
-   * 1. Solves whitespace problems introduced by inline elements.
-   */
-.kuiButton__inner {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  /* 1 */
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  /* 1 */ }
-
-.kuiButton--small {
-  font-size: 12px;
-  padding: 2px 8px 3px;
-  height: 22px; }
-
-.kuiButton--fullWidth {
-  width: 100%;
-  text-align: center; }
-
-.kuiButton--iconText .kuiButton__icon:first-child:not(:only-child) {
-  margin-right: 8px; }
-
-.kuiButton--iconText .kuiButton__icon:last-child:not(:only-child) {
-  margin-left: 8px; }
-
-.kuiButton--iconText.kuiButton--small .kuiButton__icon:first-child:not(:only-child) {
-  margin-right: 4px; }
-
-.kuiButton--iconText.kuiButton--small .kuiButton__icon:last-child:not(:only-child) {
-  margin-left: 4px; }
-
-/**
- * 1. Override Bootstrap.
- */
-.kuiButton--basic {
-  color: #DFE5EF;
-  background-color: #25262E; }
-  .kuiButton--basic:not(a):enabled:focus {
-    color: #DFE5EF; }
-  a.kuiButton--basic:not(.kuiButton-isDisabled):focus {
-    /* 1 */
-    color: #DFE5EF; }
-  .kuiButton--basic:enabled:hover {
-    background-color: #0e0f12 !important;
-    /* 1 */ }
-  a.kuiButton--basic:not(.kuiButton-isDisabled):hover {
-    /* 1 */
-    background-color: #0e0f12 !important;
-    /* 1 */ }
-  .kuiButton--basic:enabled:active {
-    background-color: #0e0f12 !important;
-    /* 1 */ }
-  a.kuiButton--basic:not(.kuiButton-isDisabled):active {
-    /* 1 */
-    background-color: #0e0f12 !important;
-    /* 1 */ }
-
-/**
- * 1. Override Bootstrap.
- */
-.kuiButton--primary {
-  color: #FFF;
-  background-color: #1BA9F5; }
-  .kuiButton--primary:not(a):enabled:focus {
-    color: #FFF; }
-  a.kuiButton--primary:not(.kuiButton-isDisabled):focus {
-    /* 1 */
-    color: #FFF; }
-  .kuiButton--primary:enabled:hover {
-    color: #FFF !important;
-    /* 1 */
-    background-color: #098dd4; }
-  a.kuiButton--primary:not(.kuiButton-isDisabled):hover {
-    /* 1 */
-    color: #FFF !important;
-    /* 1 */
-    background-color: #098dd4; }
-  .kuiButton--primary:enabled:active {
-    color: #FFF !important;
-    /* 1 */
-    background-color: #098dd4; }
-  a.kuiButton--primary:not(.kuiButton-isDisabled):active {
-    /* 1 */
-    color: #FFF !important;
-    /* 1 */
-    background-color: #098dd4; }
-
-/**
- * 1. Override Bootstrap.
- */
-.kuiButton--success {
-  color: #FFF;
-  background-color: #7DE2D1; }
-  .kuiButton--success:not(a):enabled:focus {
-    color: #FFF; }
-  a.kuiButton--success:not(.kuiButton-isDisabled):focus {
-    /* 1 */
-    color: #FFF; }
-  .kuiButton--success:enabled:hover {
-    color: #FFF !important;
-    /* 1 */
-    background-color: #53d9c2; }
-  a.kuiButton--success:not(.kuiButton-isDisabled):hover {
-    /* 1 */
-    color: #FFF !important;
-    /* 1 */
-    background-color: #53d9c2; }
-  .kuiButton--success:enabled:active {
-    color: #FFF !important;
-    /* 1 */
-    background-color: #53d9c2; }
-  a.kuiButton--success:not(.kuiButton-isDisabled):active {
-    /* 1 */
-    color: #FFF !important;
-    /* 1 */
-    background-color: #53d9c2; }
-
-/**
- * 1. Override Bootstrap.
- */
-.kuiButton--danger {
-  color: #F66;
-  border: solid 1px #F66; }
-  .kuiButton--danger:not(a):enabled:focus {
-    z-index: 1;
-    /* 1 */
-    outline: none !important;
-    /* 2 */
-    -webkit-box-shadow: 0 0 0 1px #1D1E24, 0 0 0 2px #F66;
-            box-shadow: 0 0 0 1px #1D1E24, 0 0 0 2px #F66;
-    /* 3 */
-    color: #F66; }
-  a.kuiButton--danger:not(.kuiButton-isDisabled):focus {
-    /* 1 */
-    z-index: 1;
-    /* 1 */
-    outline: none !important;
-    /* 2 */
-    -webkit-box-shadow: 0 0 0 1px #1D1E24, 0 0 0 2px #F66;
-            box-shadow: 0 0 0 1px #1D1E24, 0 0 0 2px #F66;
-    /* 3 */
-    color: #F66; }
-  .kuiButton--danger:enabled:hover {
-    color: #ff3333 !important;
-    border: solid 1px #ff3333;
-    background-color: rgba(255, 102, 102, 0.1); }
-  a.kuiButton--danger:not(.kuiButton-isDisabled):hover {
-    /* 1 */
-    color: #ff3333 !important;
-    border: solid 1px #ff3333;
-    background-color: rgba(255, 102, 102, 0.1); }
-  .kuiButton--danger:enabled:active {
-    color: #ff3333 !important;
-    border: solid 1px #ff3333;
-    background-color: rgba(255, 102, 102, 0.1); }
-  a.kuiButton--danger:not(.kuiButton-isDisabled):active {
-    /* 1 */
-    color: #ff3333 !important;
-    border: solid 1px #ff3333;
-    background-color: rgba(255, 102, 102, 0.1); }
-
-/**
- * 1. Override Bootstrap.
- */
-.kuiButton--warning {
-  color: #FFF;
-  background-color: #FFCE7A; }
-  .kuiButton--warning:not(a):enabled:focus {
-    z-index: 1;
-    /* 1 */
-    outline: none !important;
-    /* 2 */
-    -webkit-box-shadow: 0 0 0 1px #1D1E24, 0 0 0 2px #FFCE7A;
-            box-shadow: 0 0 0 1px #1D1E24, 0 0 0 2px #FFCE7A;
-    /* 3 */
-    color: #FFF; }
-  a.kuiButton--warning:not(.kuiButton-isDisabled):focus {
-    /* 1 */
-    z-index: 1;
-    /* 1 */
-    outline: none !important;
-    /* 2 */
-    -webkit-box-shadow: 0 0 0 1px #1D1E24, 0 0 0 2px #FFCE7A;
-            box-shadow: 0 0 0 1px #1D1E24, 0 0 0 2px #FFCE7A;
-    /* 3 */
-    color: #FFF; }
-  .kuiButton--warning:enabled:hover {
-    color: #FFF !important;
-    /* 1 */
-    background-color: #ffbb47; }
-  a.kuiButton--warning:not(.kuiButton-isDisabled):hover {
-    /* 1 */
-    color: #FFF !important;
-    /* 1 */
-    background-color: #ffbb47; }
-  .kuiButton--warning:enabled:active {
-    color: #FFF !important;
-    /* 1 */
-    background-color: #ffbb47; }
-  a.kuiButton--warning:not(.kuiButton-isDisabled):active {
-    /* 1 */
-    color: #FFF !important;
-    /* 1 */
-    background-color: #ffbb47; }
-  .kuiButton--warning:disabled {
-    background-color: #ffe1ad; }
-  a.kuiButton--warning.kuiButton-isDisabled {
-    background-color: #ffe1ad; }
-
-/**
- * 1. Override Bootstrap.
- * 2. Override either Bootstrap or Timelion styles.
- */
-.kuiButton--hollow {
-  color: #1BA9F5 !important;
-  /* 2 */
-  background-color: transparent; }
-  .kuiButton--hollow:enabled:hover {
-    color: #098dd4 !important;
-    /* 1 */
-    text-decoration: underline; }
-  a.kuiButton--hollow:not(.kuiButton-isDisabled):hover {
-    /* 1 */
-    color: #098dd4 !important;
-    /* 1 */
-    text-decoration: underline; }
-  .kuiButton--hollow:enabled:active {
-    color: #098dd4 !important;
-    /* 1 */
-    text-decoration: underline; }
-  a.kuiButton--hollow:not(.kuiButton-isDisabled):active {
-    /* 1 */
-    color: #098dd4 !important;
-    /* 1 */
-    text-decoration: underline; }
-
-.kuiButton--secondary {
-  color: #1BA9F5 !important;
-  /* 2 */
-  border: solid 1px #1BA9F5; }
-  .kuiButton--secondary:enabled:hover {
-    color: #098dd4 !important;
-    /* 1 */
-    border: solid 1px #098dd4;
-    background-color: rgba(27, 169, 245, 0.1);
-    text-decoration: underline; }
-  a.kuiButton--secondary:not(.kuiButton-isDisabled):hover {
-    /* 1 */
-    color: #098dd4 !important;
-    /* 1 */
-    border: solid 1px #098dd4;
-    background-color: rgba(27, 169, 245, 0.1);
-    text-decoration: underline; }
-  .kuiButton--secondary:enabled:active {
-    color: #098dd4 !important;
-    /* 1 */
-    border: solid 1px #098dd4;
-    background-color: rgba(27, 169, 245, 0.1);
-    text-decoration: underline; }
-  a.kuiButton--secondary:not(.kuiButton-isDisabled):active {
-    /* 1 */
-    color: #098dd4 !important;
-    /* 1 */
-    border: solid 1px #098dd4;
-    background-color: rgba(27, 169, 245, 0.1);
-    text-decoration: underline; }
-
-.kuiButtonGroup {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center; }
-  .kuiButtonGroup .kuiButton + .kuiButton {
-    margin-left: 4px; }
-
-.kuiButtonGroup--united > .kuiButton:not(:first-child):not(:last-child) {
-  border-radius: 0; }
-
-.kuiButtonGroup--united > .kuiButton:first-child {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0; }
-
-.kuiButtonGroup--united > .kuiButton:last-child {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0; }
-
-.kuiButtonGroup--united > .kuiButton:only-child {
-  border-top-right-radius: 4px;
-  border-bottom-right-radius: 4px;
-  border-top-left-radius: 4px;
-  border-bottom-left-radius: 4px; }
-
-.kuiButtonGroup--united .kuiButton + .kuiButton {
-  margin-left: 0; }
-
-.kuiButtonGroup--fullWidth {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex; }
-  .kuiButtonGroup--fullWidth > .kuiButton {
-    -webkit-box-flex: 1;
-    -webkit-flex: 1 1 auto;
-        -ms-flex: 1 1 auto;
-            flex: 1 1 auto;
-    text-align: center; }
-
-.eui-textCenter > .kuiButtonGroup,
-.text-center > .kuiButtonGroup {
-  display: inline-block; }
-
-.kuiCollapseButton {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  background-color: transparent;
-  padding: 4px;
-  border: none;
-  line-height: 1;
-  font-size: 16px;
-  color: #DFE5EF !important;
-  /* 1 */
-  cursor: pointer;
-  opacity: 0.35; }
-  .kuiCollapseButton:hover {
-    opacity: 1; }
-
-/**
- * 1. Set inline-block so this wrapper shrinks to fit the input.
- */
-.kuiAssistedInput {
-  display: inline-block;
-  /* 1 */
-  position: relative; }
-
-/**
-   * 1. Vertically center the assistance, regardless of its height.
-   */
-.kuiAssistedInput__assistance {
-  position: absolute;
-  right: 12px;
-  top: 50%;
-  /* 1 */
-  -webkit-transform: translateY(-50%);
-          transform: translateY(-50%);
-  /* 1 */ }
-
-/**
- * 1. Deliberately disable only webkit appearance. If we disable it in Firefox, we get a really
- *    ugly default appearance which we can't customize, so our best option is to give Firefox
- *    control over the checkbox's appearance.
- * 2. Override default styles (possibly from Bootstrap).
- */
-.kuiCheckBox {
-  -webkit-appearance: none;
-  /* 1 */
-  background-color: #16171c;
-  border: 1px solid rgba(255, 255, 255, 0.1);
-  border-radius: 4px;
-  width: 16px;
-  height: 16px;
-  line-height: 1.5 !important;
-  /* 2 */
-  margin: 0 !important;
-  /* 2 */
-  font: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
-  /* 2 */
-  font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
-  /* 2 */
-  font-size: 10px !important;
-  /* 2 */
-  -webkit-transition: background-color 0.1s linear;
-  transition: background-color 0.1s linear; }
-  .kuiCheckBox:before {
-    position: relative;
-    left: 0.25em;
-    font-family: FontAwesome;
-    content: "\F00C";
-    font-size: 1em;
-    opacity: 0;
-    color: #FFF;
-    -webkit-transition: opacity 0.1s linear;
-    transition: opacity 0.1s linear; }
-  .kuiCheckBox:checked {
-    border-color: #1BA9F5;
-    background-color: #1BA9F5; }
-    .kuiCheckBox:checked:before {
-      opacity: 1; }
-  .kuiCheckBox:focus {
-    z-index: 1;
-    /* 1 */
-    outline: none !important;
-    /* 2 */
-    -webkit-box-shadow: 0 0 0 1px #1D1E24, 0 0 0 2px #1BA9F5;
-            box-shadow: 0 0 0 1px #1D1E24, 0 0 0 2px #1BA9F5;
-    /* 3 */ }
-  .kuiCheckBox:disabled {
-    background-color: #202128 !important;
-    border-color: #202128 !important;
-    cursor: not-allowed !important; }
-
-.kuiCheckBoxLabel {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  font-weight: normal !important;
-  line-height: 1.5; }
-
-.kuiCheckBoxLabel__text {
-  font-size: 16px;
-  margin-left: 8px; }
-
-/**
- * 1. Override Bootstrap.
- */
-.kuiLabel {
-  font-size: 16px;
-  line-height: 1.5;
-  font-weight: bold;
-  margin-bottom: 0;
-  /* 1 */ }
-
-.kuiSearchInput {
-  width: 180px;
-  display: inline-block;
-  position: relative;
-  font-size: 16px;
-  line-height: 1.5; }
-  .kuiSearchInput.kuiSearchInput-isInvalid .kuiSearchInput__input {
-    border-color: #F66; }
-
-.kuiSearchInput__icon {
-  position: absolute;
-  top: 0.5em;
-  left: 0.7em;
-  font-size: 1em;
-  color: #535966; }
-
-/**
-   * 1. Make space for search icon.
-   * 2. Expand to fill container.
-   */
-.kuiSearchInput__input {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  padding: 4px 12px 4px;
-  font-size: 16px;
-  font-weight: 400;
-  line-height: 1.5;
-  color: #DFE5EF;
-  background-color: #16171c;
-  border: 1px solid rgba(255, 255, 255, 0.1);
-  border-radius: 4px;
-  -webkit-transition: border-color 0.1s linear;
-  transition: border-color 0.1s linear;
-  min-height: 32px;
-  /* 1 */
-  padding-left: 28px;
-  /* 1 */
-  width: 100%;
-  /* 2 */ }
-  .kuiSearchInput__input:invalid {
-    border-color: #F66; }
-  .kuiSearchInput__input:focus {
-    outline: none;
-    border-color: #1BA9F5; }
-  .kuiSearchInput__input:disabled {
-    opacity: 0.4;
-    cursor: not-allowed; }
-
-.kuiSearchInput--small {
-  width: 60px; }
-
-.kuiSearchInput--large {
-  width: 400px; }
-
-/**
- * Avoid setting a width here, so that the width of the options can dynamically set the width.
- */
-.kuiSelect {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  padding: 4px 12px 4px;
-  font-size: 16px;
-  font-weight: 400;
-  line-height: 1.5;
-  color: #DFE5EF;
-  background-color: #16171c;
-  border: 1px solid rgba(255, 255, 255, 0.1);
-  border-radius: 4px;
-  -webkit-transition: border-color 0.1s linear;
-  transition: border-color 0.1s linear;
-  min-height: 32px;
-  /* 1 */
-  padding-right: 30px;
-  /* 2 */
-  background-image: url('data:image/svg+xml;utf8,<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1408 704q0 26-19 45l-448 448q-19 19-45 19t-45-19l-448-448q-19-19-19-45t19-45 45-19h896q26 0 45 19t19 45z"/></svg>');
-  /* 1 */
-  background-size: 14px;
-  background-repeat: no-repeat;
-  background-position: calc(100% - 8px);
-  /* 2 */ }
-  .kuiSelect:invalid {
-    border-color: #F66; }
-  .kuiSelect:focus {
-    outline: none;
-    border-color: #1BA9F5; }
-  .kuiSelect:disabled {
-    opacity: 0.4;
-    cursor: not-allowed; }
-  .kuiSelect:-moz-focusring {
-    text-shadow: 0 0 0;
-    /* 3 */ }
-  .kuiSelect.kuiSelect-isInvalid {
-    border-color: #F66; }
-  .kuiSelect:focus {
-    -webkit-box-shadow: none;
-            box-shadow: none;
-    outline: none;
-    border-color: #1BA9F5; }
-
-.kuiSelect--small {
-  width: 60px; }
-
-.kuiSelect--medium {
-  width: 180px; }
-
-.kuiSelect--large {
-  width: 400px; }
-
-/**
- * 1. Have the same spatial footprint as the regular input.
- */
-.kuiStaticInput {
-  width: 180px;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  padding: 4px 12px 4px;
-  font-size: 16px;
-  font-weight: 400;
-  line-height: 1.5;
-  color: #DFE5EF;
-  border: 1px solid transparent;
-  /* 1 */
-  background-color: transparent; }
-
-.kuiTextArea {
-  width: 180px;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  padding: 4px 12px 4px;
-  font-size: 16px;
-  font-weight: 400;
-  line-height: 1.5;
-  color: #DFE5EF;
-  background-color: #16171c;
-  border: 1px solid rgba(255, 255, 255, 0.1);
-  border-radius: 4px;
-  -webkit-transition: border-color 0.1s linear;
-  transition: border-color 0.1s linear;
-  min-height: 32px;
-  /* 1 */ }
-  .kuiTextArea:invalid {
-    border-color: #F66; }
-  .kuiTextArea:focus {
-    outline: none;
-    border-color: #1BA9F5; }
-  .kuiTextArea:disabled {
-    opacity: 0.4;
-    cursor: not-allowed; }
-  .kuiTextArea:focus {
-    -webkit-box-shadow: none;
-            box-shadow: none;
-    outline: none;
-    border-color: #1BA9F5; }
-  .kuiTextArea.kuiTextArea-isInvalid {
-    border-color: #F66; }
-
-.kuiTextArea--nonResizable {
-  resize: none; }
-
-.kuiTextArea--small {
-  width: 60px; }
-
-.kuiTextArea--large {
-  width: 400px; }
-
-.kuiTextInput {
-  width: 180px;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  padding: 4px 12px 4px;
-  font-size: 16px;
-  font-weight: 400;
-  line-height: 1.5;
-  color: #DFE5EF;
-  background-color: #16171c;
-  border: 1px solid rgba(255, 255, 255, 0.1);
-  border-radius: 4px;
-  -webkit-transition: border-color 0.1s linear;
-  transition: border-color 0.1s linear;
-  min-height: 32px;
-  /* 1 */ }
-  .kuiTextInput:invalid {
-    border-color: #F66; }
-  .kuiTextInput:focus {
-    outline: none;
-    border-color: #1BA9F5; }
-  .kuiTextInput:disabled {
-    opacity: 0.4;
-    cursor: not-allowed; }
-  .kuiTextInput.kuiTextInput-isInvalid {
-    border-color: #F66; }
-
-.kuiTextInput--small {
-  width: 60px; }
-
-.kuiTextInput--large {
-  width: 400px; }
-
-/**
- * 1. We may want to put elements in here which have different heights.
- */
-.kuiFieldGroup {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  /* 1 */ }
-
-.kuiFieldGroup--alignTop {
-  -webkit-box-align: start;
-  -webkit-align-items: flex-start;
-      -ms-flex-align: start;
-          align-items: flex-start; }
-
-.kuiFieldGroupSection {
-  line-height: 1.5; }
-  .kuiFieldGroupSection + .kuiFieldGroupSection {
-    margin-left: 10px; }
-
-.kuiFieldGroupSection--wide {
-  -webkit-box-flex: 1;
-  -webkit-flex: 1 1 auto;
-      -ms-flex: 1 1 auto;
-          flex: 1 1 auto; }
-  .kuiFieldGroupSection--wide > * {
-    width: 100%; }
-
-/**
- * 1. Copied from FontAwesome's .fa class. We use a custom class to make it easier to migrate away
- *    from FontAwesome someday. When we do migrate away, we can just update this definition.
- */
-.kuiIcon {
-  display: inline-block;
-  /* 1 */
-  font: normal normal normal 14px/1 FontAwesome;
-  /* 1 */
-  font-size: inherit;
-  /* 1 */
-  text-rendering: auto;
-  /* 1 */
-  -webkit-font-smoothing: antialiased;
-  /* 1 */
-  -moz-osx-font-smoothing: grayscale;
-  /* 1 */ }
-
-.kuiIcon--info {
-  color: #1BA9F5; }
-
-.kuiIcon--success {
-  color: #7DE2D1; }
-
-.kuiIcon--warning {
-  color: #FFCE7A; }
-
-.kuiIcon--error {
-  color: #F66; }
-
-.kuiIcon--inactive {
-  color: #343741; }
-
-.kuiIcon--basic {
-  color: #98A2B3; }
-
-.kuiInfoPanel {
-  padding: 14px 20px 18px;
-  line-height: 1.5;
-  border: 2px solid; }
-
-/**
- * 1. TODO: Pick a hex value instead of making these colors translucent.
- */
-.kuiInfoPanel--info {
-  border-color: rgba(27, 169, 245, 0.25);
-  /* 1 */ }
-
-/**
- * 1. TODO: Pick a hex value instead of making these colors translucent.
- */
-.kuiInfoPanel--success {
-  border-color: rgba(125, 226, 209, 0.25);
-  /* 1 */ }
-
-/**
- * 1. TODO: Pick a hex value instead of making these colors translucent.
- */
-.kuiInfoPanel--warning {
-  border-color: rgba(255, 206, 122, 0.25);
-  /* 1 */ }
-
-/**
- * 1. TODO: Pick a hex value instead of making these colors translucent.
- */
-.kuiInfoPanel--error {
-  border-color: rgba(255, 102, 102, 0.25);
-  /* 1 */ }
-
-/**
- * 1. Align with first line of title text if it wraps.
- */
-.kuiInfoPanelHeader {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: baseline;
-  -webkit-align-items: baseline;
-      -ms-flex-align: baseline;
-          align-items: baseline;
-  /* 1 */ }
-
-.kuiInfoPanelHeader__icon {
-  margin-right: 10px;
-  font-size: 16px;
-  line-height: 1.5; }
-
-.kuiInfoPanelHeader__title {
-  font-size: 16px;
-  line-height: 1.5;
-  font-weight: 700; }
-
-.kuiInfoPanelBody {
-  margin-top: 8px; }
-  .kuiInfoPanelBody > * + * {
-    margin-top: 8px; }
-
-.kuiInfoPanelBody__message {
-  font-size: 16px;
-  line-height: 1.5; }
-
-.kuiLink {
-  color: #1BA9F5;
-  text-decoration: none;
-  cursor: pointer;
-  /* 1 */
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  /* 2 */
-  background-color: transparent;
-  /* 2 */
-  border: none;
-  /* 2 */
-  font-size: inherit;
-  /* 2 */
-  line-height: inherit;
-  /* 2 */ }
-  .kuiLink:visited, .kuiLink:active {
-    color: #1BA9F5; }
-  .kuiLink:hover {
-    color: #098dd4;
-    text-decoration: underline; }
-
-/**
- * 1. Breadcrumbs are placed in the top-left corner and need to be bumped over
- *    a bit.
- */
-.kuiLocalBreadcrumbs {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  padding: 12px 8px;
-  /* 1 */
-  border-bottom: 1px solid #343741;
-  -webkit-box-flex: 1;
-  -webkit-flex-grow: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
-  -webkit-flex-basis: 100%;
-      -ms-flex-preferred-size: 100%;
-          flex-basis: 100%;
-  background-color: #1D1E24; }
-
-.kuiLocalBreadcrumb {
-  font-size: 14px;
-  margin: 0;
-  font-weight: normal; }
-  .kuiLocalBreadcrumb + .kuiLocalBreadcrumb {
-    margin-left: 6px; }
-    .kuiLocalBreadcrumb + .kuiLocalBreadcrumb:before {
-      content: '/';
-      -webkit-user-select: none;
-         -moz-user-select: none;
-          -ms-user-select: none;
-              user-select: none;
-      margin-right: 4px;
-      color: #343741; }
-
-/**
- * 1. Make it a bit darker to contrast with the gray background.
- */
-.kuiLocalBreadcrumb__link {
-  color: #1BA9F5;
-  text-decoration: none;
-  cursor: pointer;
-  /* 1 */
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  /* 2 */
-  background-color: transparent;
-  /* 2 */
-  border: none;
-  /* 2 */
-  font-size: inherit;
-  /* 2 */
-  line-height: inherit;
-  /* 2 */
-  color: #1BA9F5;
-  /* 1 */
-  font-size: 16px; }
-  .kuiLocalBreadcrumb__link:visited, .kuiLocalBreadcrumb__link:active {
-    color: #1BA9F5; }
-  .kuiLocalBreadcrumb__link:hover {
-    color: #098dd4;
-    text-decoration: underline; }
-
-.kuiLocalBreadcrumb__emphasis {
-  font-weight: 700; }
-
-.kuiDatePicker {
-  background-color: transparent;
-  border-collapse: collapse;
-  border-spacing: 0;
-  line-height: 1.5; }
-
-.kuiDatePickerNavigationCell {
-  padding: 0; }
-
-.kuiDatePickerNavigation {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-  margin-bottom: 4px; }
-
-/**
- * 1. Override inherited styles.
- */
-.kuiDatePickerNavigationButton {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  background-color: transparent;
-  border: none;
-  font-size: 14px;
-  color: #DFE5EF;
-  padding: 3px 6px;
-  border-radius: 4px; }
-  .kuiDatePickerNavigationButton:hover, .kuiDatePickerNavigationButton:active {
-    cursor: pointer;
-    color: #25262E;
-    background-color: #1BA9F5; }
-  .kuiDatePickerNavigationButton:focus {
-    z-index: 1;
-    /* 1 */
-    outline: none !important;
-    /* 2 */
-    -webkit-box-shadow: 0 0 0 1px transparent, 0 0 0 2px #1BA9F5;
-            box-shadow: 0 0 0 1px transparent, 0 0 0 2px #1BA9F5;
-    /* 3 */
-    color: #DFE5EF;
-    /* 1 */ }
-
-.kuiDatePickerHeaderCell {
-  padding: 9px 0;
-  color: #DFE5EF;
-  font-size: 14px;
-  font-weight: bold;
-  text-align: center;
-  line-height: 1.2; }
-
-.kuiDatePickerRowCell {
-  padding: 0;
-  text-align: center;
-  /**
-   * This state class exists to support weird angular-bootstrap datepicker functionality,
-   * in which you can't select a day on the "From" calendar if it falls after the selected day in
-   * the "To" calendar (and vice versa, you can't select a "To" day if it is before the "From" day).
-   */ }
-  .kuiDatePickerRowCell.kuiDatePickerRowCell-isBlocked {
-    cursor: not-allowed; }
-    .kuiDatePickerRowCell.kuiDatePickerRowCell-isBlocked .kuiDatePickerRowCellContent {
-      pointer-events: none; }
-
-/**
- * 1. Override inherited styles.
- */
-.kuiDatePickerRowCellContent {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  background-color: transparent;
-  width: 100%;
-  border: 1px solid transparent;
-  color: #DFE5EF;
-  font-size: 14px;
-  padding: 8px;
-  border-radius: 4px;
-  line-height: 1.2; }
-  .kuiDatePickerRowCellContent:focus {
-    z-index: 1;
-    /* 1 */
-    outline: none !important;
-    /* 2 */
-    -webkit-box-shadow: 0 0 0 1px transparent, 0 0 0 2px #1BA9F5;
-            box-shadow: 0 0 0 1px transparent, 0 0 0 2px #1BA9F5;
-    /* 3 */
-    color: #DFE5EF;
-    /* 1 */ }
-  .kuiDatePickerRowCellContent:disabled {
-    pointer-events: none;
-    opacity: 0.5; }
-  .kuiDatePickerRowCellContent.kuiDatePickerRowCellContent-isOtherMonth {
-    visibility: hidden;
-    pointer-events: none; }
-  .kuiDatePickerRowCellContent.kuiDatePickerRowCellContent-isCurrent {
-    color: #1BA9F5; }
-  .kuiDatePickerRowCellContent.kuiDatePickerRowCellContent-isSelected {
-    background-color: #98A2B3;
-    color: #DFE5EF; }
-  .kuiDatePickerRowCellContent:hover, .kuiDatePickerRowCellContent:active {
-    cursor: pointer;
-    color: #25262E;
-    background-color: #1BA9F5; }
-
-.kuiLocalDropdown {
-  position: relative;
-  padding: 10px 8px 14px;
-  background-color: transparent;
-  margin-bottom: 10px;
-  line-height: 20px; }
-
-.kuiLocalDropdownCloseButton {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  background-color: transparent;
-  padding: 4px;
-  border: none;
-  line-height: 1;
-  font-size: 16px;
-  color: #DFE5EF !important;
-  /* 1 */
-  cursor: pointer;
-  opacity: 0.35;
-  position: absolute;
-  top: 1px;
-  right: 5px; }
-  .kuiLocalDropdownCloseButton:hover {
-    opacity: 1; }
-
-.kuiLocalDropdownPanels {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex; }
-
-.kuiLocalDropdownPanel {
-  -webkit-box-flex: 1;
-  -webkit-flex: 1 1 0%;
-      -ms-flex: 1 1 0%;
-          flex: 1 1 0%; }
-
-.kuiLocalDropdownPanel--left {
-  margin-right: 30px; }
-
-.kuiLocalDropdownPanel--right {
-  margin-left: 30px; }
-
-/**
- * 1. Override inherited styles.
- */
-.kuiLocalDropdownTitle {
-  margin-top: 0;
-  /* 1 */
-  margin-bottom: 12px;
-  font-size: 18px;
-  color: #DFE5EF; }
-
-.kuiLocalDropdownSection {
-  margin-bottom: 16px; }
-  .kuiLocalDropdownSection:last-child {
-    margin-bottom: 0; }
-
-.kuiLocalDropdownHeader {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-  margin-bottom: 6px; }
-
-/**
-   * 1. Override inherited styles.
-   */
-.kuiLocalDropdownHeader__label {
-  font-size: 14px;
-  font-weight: 700;
-  margin-bottom: 0;
-  /* 1 */
-  color: #DFE5EF; }
-
-.kuiLocalDropdownHeader__actions {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex; }
-
-.kuiLocalDropdownHeader__action {
-  color: #1BA9F5;
-  font-size: 12px;
-  text-decoration: none;
-  cursor: pointer; }
-  .kuiLocalDropdownHeader__action + .kuiLocalDropdownHeader__action {
-    margin-left: 10px; }
-  .kuiLocalDropdownHeader__action:hover, .kuiLocalDropdownHeader__action:active {
-    color: #098dd4; }
-
-.kuiLocalDropdownInput {
-  display: block;
-  width: 100%;
-  margin-bottom: 12px;
-  padding: 5px 15px;
-  font-size: 14px;
-  color: #DFE5EF;
-  background-color: #16171c;
-  border: 1px solid rgba(255, 255, 255, 0.1);
-  border-radius: 4px; }
-  .kuiLocalDropdownInput:focus {
-    border-color: #1BA9F5; }
-
-.kuiLocalDropdownFormNote {
-  font-size: 14px;
-  color: #98A2B3; }
-
-.kuiLocalDropdownWarning {
-  margin-bottom: 16px;
-  padding: 6px 10px;
-  font-size: 14px;
-  color: #DFE5EF;
-  background-color: #1D1E24;
-  border-left: solid 2px #F66; }
-
-.kuiLocalDropdownHelpText {
-  margin-bottom: 16px;
-  font-size: 14px;
-  color: #98A2B3; }
-
-.kuiLocalMenu {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: stretch;
-  -webkit-align-items: stretch;
-      -ms-flex-align: stretch;
-          align-items: stretch;
-  padding-top: 8px;
-  padding-bottom: 8px; }
-
-.kuiLocalMenuItem {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  padding: 2px 8px;
-  font-size: 16px;
-  background-color: transparent;
-  color: #DFE5EF;
-  border: 0;
-  cursor: pointer;
-  border-bottom: solid 2px transparent; }
-  .kuiLocalMenuItem:hover, .kuiLocalMenuItem:focus {
-    background-color: rgba(27, 169, 245, 0.15);
-    text-decoration: underline; }
-  .kuiLocalMenuItem.kuiLocalMenuItem-isSelected {
-    color: #1BA9F5;
-    background-color: transparent;
-    border-color: #1BA9F5;
-    z-index: 2; }
-    .kuiLocalMenuItem.kuiLocalMenuItem-isSelected:hover, .kuiLocalMenuItem.kuiLocalMenuItem-isSelected:focus {
-      text-decoration: none; }
-  .kuiLocalMenuItem.kuiLocalMenuItem-isDisabled {
-    opacity: 0.5;
-    cursor: not-allowed; }
-    .kuiLocalMenuItem.kuiLocalMenuItem-isDisabled:hover {
-      background-color: transparent;
-      text-decoration: none; }
-
-.kuiLocalMenuItem__icon {
-  margin-right: 5px;
-  margin-bottom: -1px; }
-
-/**
- * 1. Match height of logo in side bar, but allow it to expand to accommodate
- *    dropdown.
- */
-.kuiLocalNav {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -webkit-flex-direction: column;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-  min-height: 69px;
-  /* 1 */
-  color: #DFE5EF;
-  background-color: #1D1E24;
-  line-height: 1.5;
-  border-bottom: solid 1px #343741; }
-
-/**
- * 1. Allow row to expand if the content is so long that it wraps.
- */
-.kuiLocalNavRow {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: stretch;
-  -webkit-align-items: stretch;
-      -ms-flex-align: stretch;
-          align-items: stretch;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-      -ms-flex-pack: justify;
-          justify-content: space-between; }
-
-.kuiLocalNavRow__section {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: stretch;
-  -webkit-align-items: stretch;
-      -ms-flex-align: stretch;
-          align-items: stretch; }
-
-/**
- * 1. We make this row flex-start because it usually contains a search input, which may expand
- *    beyond the height of this container. We can't use `align-items: center`, because this would
- *    cause the search input to overflow both on the top and bottom; `align-items: flex-start`
- *    makes it only overflow on the bottom. But this means we need to manually center the content
- *    of this container using padding.
- */
-.kuiLocalNavRow--secondary {
-  padding: 0 8px;
-  /* 1 */
-  -webkit-box-align: start;
-  -webkit-align-items: flex-start;
-      -ms-flex-align: start;
-          align-items: flex-start;
-  /* 1 */ }
-
-.kuiLocalSearch {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  width: 100%;
-  margin-bottom: 8px; }
-
-.kuiLocalSearchInput {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  padding: 4px 12px 4px;
-  font-size: 16px;
-  font-weight: 400;
-  line-height: 1.5;
-  color: #DFE5EF;
-  background-color: #16171c;
-  border: 1px solid rgba(255, 255, 255, 0.1);
-  border-radius: 4px;
-  -webkit-transition: border-color 0.1s linear;
-  transition: border-color 0.1s linear;
-  min-height: 32px;
-  /* 1 */
-  -webkit-box-flex: 1;
-  -webkit-flex: 1 1 100%;
-      -ms-flex: 1 1 100%;
-          flex: 1 1 100%;
-  border-color: #FFF;
-  border-color: #343741;
-  border-radius: 4px 0 0 4px; }
-  .kuiLocalSearchInput:invalid {
-    border-color: #F66; }
-  .kuiLocalSearchInput:focus {
-    outline: none;
-    border-color: #1BA9F5; }
-  .kuiLocalSearchInput:disabled {
-    opacity: 0.4;
-    cursor: not-allowed; }
-  .kuiLocalSearchInput:focus {
-    -webkit-box-shadow: none;
-            box-shadow: none; }
-  .kuiLocalSearchInput.kuiLocalSearchInput-isInvalid {
-    border-color: #F66; }
-
-.kuiLocalSearchInput--secondary {
-  height: 32px;
-  -webkit-box-flex: 0;
-  -webkit-flex: 0 0 auto;
-      -ms-flex: 0 0 auto;
-          flex: 0 0 auto;
-  border-radius: 0;
-  border-left-width: 0; }
-
-.kuiLocalSearchAssistedInput {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-flex: 1;
-  -webkit-flex: 1 1 100%;
-      -ms-flex: 1 1 100%;
-          flex: 1 1 100%;
-  position: relative; }
-
-/**
- * 1. em used for right padding so documentation link and query string
- *    won't overlap if the user increases their default browser font size
- *    This is sized for the 'Options' link
- */
-.kuiLocalSearchInput,
-.kuiLocalSearchAssistedInput__input {
-  padding-right: 6em;
-  /* 1 */ }
-
-/**
-   * 1. Vertically center the assistance, regardless of its height.
-   */
-.kuiLocalSearchAssistedInput__assistance {
-  position: absolute;
-  right: 6px;
-  top: 50%;
-  /* 1 */
-  z-index: 2;
-  -webkit-transform: translateY(-50%);
-          transform: translateY(-50%);
-  /* 1 */ }
-
-.kuiLocalSearchSelect {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  padding: 4px 12px 4px;
-  font-size: 16px;
-  font-weight: 400;
-  line-height: 1.5;
-  color: #DFE5EF;
-  background-color: #16171c;
-  border: 1px solid rgba(255, 255, 255, 0.1);
-  border-radius: 4px;
-  -webkit-transition: border-color 0.1s linear;
-  transition: border-color 0.1s linear;
-  min-height: 32px;
-  /* 1 */
-  padding-right: 30px;
-  /* 2 */
-  background-image: url('data:image/svg+xml;utf8,<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1408 704q0 26-19 45l-448 448q-19 19-45 19t-45-19l-448-448q-19-19-19-45t19-45 45-19h896q26 0 45 19t19 45z"/></svg>');
-  /* 1 */
-  background-size: 14px;
-  background-repeat: no-repeat;
-  background-position: calc(100% - 8px);
-  /* 2 */
-  border-left-width: 0;
-  border-radius: 0; }
-  .kuiLocalSearchSelect:invalid {
-    border-color: #F66; }
-  .kuiLocalSearchSelect:focus {
-    outline: none;
-    border-color: #1BA9F5; }
-  .kuiLocalSearchSelect:disabled {
-    opacity: 0.4;
-    cursor: not-allowed; }
-  .kuiLocalSearchSelect:-moz-focusring {
-    text-shadow: 0 0 0;
-    /* 3 */ }
-
-/**
- * 1. Override inherited styles.
- */
-.kuiLocalSearchButton {
-  width: 43px;
-  height: 32px;
-  font-size: 16px;
-  line-height: 0;
-  /* 1 */
-  color: #FFF;
-  background-color: #1BA9F5;
-  border: 0;
-  border-radius: 0 4px 4px 0; }
-  .kuiLocalSearchButton:focus {
-    z-index: 1;
-    /* 1 */
-    outline: none !important;
-    /* 2 */
-    -webkit-box-shadow: 0 0 0 1px #343741, 0 0 0 2px #1BA9F5;
-            box-shadow: 0 0 0 1px #343741, 0 0 0 2px #1BA9F5;
-    /* 3 */ }
-
-/**
- * 1. We want the bottom border on selected tabs to be flush with the bottom of the container.
- */
-.kuiLocalTabs {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: end;
-  -webkit-align-items: flex-end;
-      -ms-flex-align: end;
-          align-items: flex-end;
-  height: 100%; }
-
-/**
-   * 1. Override inherited typographic styles.
-   */
-.kuiLocalTab {
-  padding: 5px 0 6px 0;
-  font-size: 18px;
-  color: #D4DAE5;
-  border-bottom: 2px solid transparent;
-  text-decoration: none;
-  cursor: pointer;
-  margin-top: 0 !important;
-  /* 1 */
-  margin-bottom: 0 !important;
-  /* 1 */
-  /**
-     * 1. We may want to show a tooltip to explain why the tab is disabled, so we will just show
-     *    a regular cursor instead of setting pointer-events: none.
-     */ }
-  .kuiLocalTab:hover:not(.kuiLocalTab-isDisabled), .kuiLocalTab:active:not(.kuiLocalTab-isDisabled) {
-    color: #1BA9F5; }
-  .kuiLocalTab.kuiLocalTab-isSelected {
-    color: #1BA9F5;
-    border-bottom-color: #1BA9F5;
-    cursor: default; }
-  .kuiLocalTab.kuiLocalTab-isDisabled {
-    opacity: 0.5;
-    cursor: default;
-    /* 1 */ }
-  .kuiLocalTab + .kuiLocalTab {
-    margin-left: 15px; }
-
-.kuiLocalTitle {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  padding: 12px 8px;
-  font-size: 16px;
-  font-weight: bold;
-  border-bottom: 1px solid #343741;
-  -webkit-box-flex: 1;
-  -webkit-flex-grow: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
-  -webkit-flex-basis: 100%;
-      -ms-flex-preferred-size: 100%;
-          flex-basis: 100%;
-  background-color: #1D1E24; }
-  .kuiLocalTitle:empty {
-    padding: 0;
-    display: none; }
-
-/**
- * 1. Put 10px of space between each child.
- */
-.kuiPager {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center; }
-  .kuiPager > * + * {
-    margin-left: 10px;
-    /* 1 */ }
-
-.kuiPagerText {
-  font-size: 16px;
-  line-height: 1.5;
-  color: #98A2B3;
-  white-space: nowrap;
-  /* 1 */ }
-
-.kuiPanel {
-  -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3), 0 1px 5px -2px rgba(0, 0, 0, 0.3);
-          box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3), 0 1px 5px -2px rgba(0, 0, 0, 0.3);
-  background-color: #1D1E24;
-  border: 1px solid #343741;
-  border-radius: 4px; }
-
-.kuiPanel--prompt {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -webkit-flex-direction: column;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  text-align: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  min-height: 300px; }
-  .kuiPanel--prompt .kuiPanelBody {
-    padding: 30px;
-    max-width: 500px; }
-
-.kuiPanel--noBorder {
-  border: none; }
-
-.kuiPanel--withToolBar {
-  border-top: none;
-  border-radius: 0; }
-
-.kuiPanel--centered {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center; }
-
-.kuiPanelHeader {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-  min-height: 30px;
-  /* 1 */
-  padding: 10px;
-  height: 50px;
-  border-bottom: 1px solid #343741; }
-  .kuiPanelHeader .kuiButton:not(a):enabled:focus {
-    z-index: 1;
-    /* 1 */
-    outline: none !important;
-    /* 2 */
-    -webkit-box-shadow: 0 0 0 1px #343741, 0 0 0 2px #1BA9F5;
-            box-shadow: 0 0 0 1px #343741, 0 0 0 2px #1BA9F5;
-    /* 3 */ }
-  a.kuiPanelHeader .kuiButton:not(.kuiButton-isDisabled):focus {
-    /* 1 */
-    z-index: 1;
-    /* 1 */
-    outline: none !important;
-    /* 2 */
-    -webkit-box-shadow: 0 0 0 1px #343741, 0 0 0 2px #1BA9F5;
-            box-shadow: 0 0 0 1px #343741, 0 0 0 2px #1BA9F5;
-    /* 3 */ }
-  .kuiPanelHeader .kuiButton--danger:not(a):enabled:focus {
-    z-index: 1;
-    /* 1 */
-    outline: none !important;
-    /* 2 */
-    -webkit-box-shadow: 0 0 0 1px #343741, 0 0 0 2px #F66;
-            box-shadow: 0 0 0 1px #343741, 0 0 0 2px #F66;
-    /* 3 */ }
-  a.kuiPanelHeader .kuiButton--danger:not(.kuiButton-isDisabled):focus {
-    /* 1 */
-    z-index: 1;
-    /* 1 */
-    outline: none !important;
-    /* 2 */
-    -webkit-box-shadow: 0 0 0 1px #343741, 0 0 0 2px #F66;
-            box-shadow: 0 0 0 1px #343741, 0 0 0 2px #F66;
-    /* 3 */ }
-  .kuiPanelHeader .kuiSelect {
-    border-color: #16171c; }
-    .kuiPanelHeader .kuiSelect:not(a):enabled:focus {
-      outline: none;
-      border-color: #1BA9F5; }
-    a.kuiPanelHeader .kuiSelect:not(.kuiButton-isDisabled):focus {
-      /* 1 */
-      outline: none;
-      border-color: #1BA9F5; }
-
-/**
-   * 1. This way we can use h1, h2, etc.
-   */
-.kuiPanelHeader__title {
-  font-size: 20px;
-  line-height: 1.5;
-  margin: 0;
-  /* 1 */ }
-
-/**
- * 1. Undo what barSection mixin does.
- */
-.kuiPanelHeaderSection {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-flex: 1;
-  -webkit-flex: 1 1 auto;
-      -ms-flex: 1 1 auto;
-          flex: 1 1 auto;
-  margin-left: 25px;
-  margin-right: 25px; }
-  .kuiPanelHeaderSection:not(:first-child):not(:last-child):not(:only-child) {
-    -webkit-box-pack: center;
-    -webkit-justify-content: center;
-        -ms-flex-pack: center;
-            justify-content: center;
-    /* 3 */ }
-  .kuiPanelHeaderSection:first-child {
-    margin-left: 0; }
-  .kuiPanelHeaderSection:last-child {
-    margin-right: 0;
-    -webkit-box-flex: 0;
-    -webkit-flex: 0 1 auto;
-        -ms-flex: 0 1 auto;
-            flex: 0 1 auto;
-    /* 4 */
-    -webkit-box-pack: end;
-    -webkit-justify-content: flex-end;
-        -ms-flex-pack: end;
-            justify-content: flex-end;
-    /* 5 */ }
-  .kuiPanelHeaderSection:only-child {
-    margin-left: auto;
-    /* 2 */ }
-  .kuiPanelHeaderSection > * + * {
-    margin-left: 10px;
-    /* 1 */ }
-  .kuiPanelHeaderSection:only-child {
-    margin-left: 0;
-    /* 1 */
-    margin-right: auto;
-    /* 1 */ }
-
-.kuiPanelBody {
-  padding: 10px; }
-
-.kuiEmptyTablePrompt {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -webkit-flex-direction: column;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  padding: 30px; }
-
-.kuiEmptyTablePrompt__message {
-  font-size: 20px;
-  color: #98A2B3;
-  line-height: 1.5; }
-
-.kuiEmptyTablePrompt__actions {
-  margin-top: 10px; }
-
-.kuiStatusText {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-box-align: baseline;
-  -webkit-align-items: baseline;
-      -ms-flex-align: baseline;
-          align-items: baseline; }
-
-.kuiStatusText--info {
-  color: #1BA9F5; }
-
-.kuiStatusText--success {
-  color: #7DE2D1; }
-
-.kuiStatusText--warning {
-  color: #FFCE7A; }
-
-.kuiStatusText--error {
-  color: #F66; }
-
-/**
- * 1. Set the image to be the same size as a font icon at 14px.
- * 2. We need to cap the height too, in case the icon was designed thin and tall.
- */
-.kuiStatusText__icon {
-  margin-right: 6px;
-  width: 1.15em;
-  /* 1 */
-  max-height: 1.15em;
-  /* 2 */ }
-
-/**
- * 1. Make seamless transition from ToolBar to Table header and contained Menu.
- * 1. Make seamless transition from Table to ToolBarFooter header.
- */
-.kuiControlledTable {
-  background: #1D1E24; }
-  .kuiControlledTable .kuiTable {
-    border-top: none;
-    /* 1 */ }
-  .kuiControlledTable .kuiToolBarFooter {
-    border-top: none;
-    /* 2 */ }
-  .kuiControlledTable .kuiMenu--contained {
-    border-top: none;
-    /* 1 */ }
-
-/**
- * 1. Prevent cells from expanding based on content size. This substitutes for table-layout: fixed.
- */
-/**
- * NOTE: table-layout: fixed causes a bug in IE11 and Edge (see #9929). It also prevents us from
- * specifying a column width, e.g. the checkbox column.
- */
-.kuiTable {
-  width: 100%;
-  border: 1px solid #343741;
-  border-collapse: collapse;
-  background-color: #1D1E24; }
-
-/**
- * 1. Allow contents of cells to determine table's width.
- */
-.kuiTable--fluid {
-  width: auto;
-  /* 1 */ }
-  .kuiTable--fluid .kuiTableHeaderCell,
-  .kuiTable--fluid .kuiTableRowCell {
-    max-width: none;
-    /* 1 */ }
-
-.kuiTableHeaderCell {
-  font-size: 16px;
-  font-weight: 400;
-  text-align: left;
-  max-width: 20px;
-  /* 1 */
-  line-height: 1.5;
-  color: #98A2B3; }
-
-.kuiTableHeaderCell__liner {
-  display: inline-block;
-  padding: 7px 8px 8px; }
-
-/**
- * 1. Prevent rapid clicking from selecting text.
- * 2. Remove native button element styles.
- * 3. Make buttons look and behave like table header cells.
- */
-.kuiTableHeaderCellButton {
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  /* 1 */
-  cursor: pointer;
-  width: 100%;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  /* 2 */
-  background-color: transparent;
-  /* 2 */
-  border: 0;
-  /* 2 */
-  padding: 0;
-  /* 2 */
-  color: inherit;
-  /* 3 */
-  line-height: inherit;
-  /* 3 */
-  font-size: inherit;
-  /* 3 */
-  text-align: inherit;
-  /* 3 */ }
-  .kuiTableHeaderCellButton:hover .kuiTableSortIcon {
-    display: block;
-    opacity: 1; }
-  .kuiTableHeaderCellButton .kuiTableHeaderCell__liner {
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: center;
-    -webkit-align-items: center;
-        -ms-flex-align: center;
-            align-items: center; }
-
-.kuiTableHeaderCell--alignRight {
-  text-align: right; }
-
-.kuiTableSortIcon {
-  display: none;
-  pointer-events: none;
-  margin-left: 4px; }
-  .kuiTableHeaderCellButton-isSorted .kuiTableSortIcon {
-    display: block;
-    opacity: 0.4; }
-
-.kuiTableRow:hover .kuiTableRowHoverReveal {
-  display: inline-block; }
-
-.kuiTableRowHoverReveal {
-  display: none; }
-
-.kuiTableRowCell {
-  font-size: 16px;
-  font-weight: 400;
-  text-align: left;
-  max-width: 20px;
-  /* 1 */
-  color: #DFE5EF;
-  border-top: 1px solid #343741;
-  vertical-align: middle; }
-
-/**
-   * 1. Vertically align all children.
-   * 2. The padding on this div allows the ellipsis to show if the content is truncated. If
-   *    the padding was on the cell, the ellipsis would be cropped.
-   * 3. Truncate content with an ellipsis.
-   */
-.kuiTableRowCell__liner {
-  padding: 7px 8px 8px;
-  /* 2 */
-  line-height: 1.5;
-  /* 1 */
-  overflow: hidden;
-  /* 3 */
-  text-overflow: ellipsis;
-  /* 3 */
-  white-space: nowrap;
-  /* 3 */ }
-  .kuiTableRowCell__liner > * {
-    vertical-align: middle;
-    /* 1 */ }
-
-.kuiTableRowCell--wrap .kuiTableRowCell__liner {
-  white-space: normal; }
-
-.kuiTableRowCell--overflowingContent .kuiTableRowCell__liner {
-  overflow: visible;
-  white-space: normal; }
-
-/**
- * 1. We don't want to create too strong a disconnect between the original row and the row
- *    that contains its expanded details.
- */
-.kuiTableRowCell--expanded {
-  border-top-color: #1D1E24;
-  /* 1 */ }
-
-.kuiTableRowCell--alignRight {
-  text-align: right; }
-  .kuiTableRowCell--alignRight .kuiTableRowCell__liner {
-    text-align: right; }
-
-/**
- * 1. Rendered width of cell with checkbox inside of it.
- * 2. Align checkbox with text in other cells.
- * 3. Show the checkbox in Edge; otherwise it gets cropped.
- */
-.kuiTableHeaderCell--checkBox,
-.kuiTableRowCell--checkBox {
-  width: 28px;
-  /* 1 */
-  line-height: 1;
-  /* 2 */ }
-  .kuiTableHeaderCell--checkBox .kuiTableRowCell__liner,
-  .kuiTableRowCell--checkBox .kuiTableRowCell__liner {
-    overflow: visible;
-    /* 3 */ }
-  .kuiTableHeaderCell--checkBox .kuiTableHeaderCell__liner,
-  .kuiTableHeaderCell--checkBox .kuiTableRowCell__liner,
-  .kuiTableRowCell--checkBox .kuiTableHeaderCell__liner,
-  .kuiTableRowCell--checkBox .kuiTableRowCell__liner {
-    padding-right: 0; }
-
-.kuiTableInfo {
-  padding: 30px;
-  font-size: 20px;
-  color: #98A2B3;
-  line-height: 1.5; }
-
-.kuiTabs {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  border-bottom: 1px solid #343741; }
-
-/**
- * 1. Override button styles (some of which are from Bootstrap).
- * 2. Adding a border shifts tabs right by 1px, so we need to shift them back.
- * 3. Move the tab down so that its bottom border covers the container's bottom border.
- * 4. When the tab is focused, its bottom border changes to be 1px, so we need to add 1px more
- *    of padding to make sure the text doesn't shift down.
- */
-.kuiTab {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  /* 1 */
-  cursor: pointer;
-  padding: 10px 30px;
-  font-size: 16px;
-  color: #98A2B3;
-  background-color: transparent;
-  /* 1 */
-  border: 1px solid #343741;
-  border-radius: 0;
-  /* 1 */
-  margin-bottom: -1px;
-  /* 3 */ }
-  .kuiTab + .kuiTab {
-    border-left: none; }
-    .kuiTab + .kuiTab:focus:not(.kuiTab-isSelected):not(:active) {
-      margin-left: -1px;
-      /* 2 */ }
-  .kuiTab:active {
-    outline: none !important;
-    /* 1 */
-    -webkit-box-shadow: none;
-            box-shadow: none;
-    /* 1 */ }
-  .kuiTab:focus {
-    outline: none;
-    /* 1 */ }
-  .kuiTab:focus:not(.kuiTab-isSelected):not(:active) {
-    z-index: 1;
-    color: #1BA9F5;
-    border: 1px solid #1BA9F5 !important; }
-  .kuiTab:hover:not(.kuiTab-isSelected) {
-    color: #098dd4;
-    background-color: #25262E; }
-  .kuiTab.kuiTab-isSelected {
-    cursor: default;
-    color: #DFE5EF;
-    background-color: transparent;
-    border-bottom-color: transparent; }
-
-.kuiToolBar {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-  min-height: 30px;
-  /* 1 */
-  padding: 10px;
-  height: 50px;
-  background-color: transparent;
-  border: solid 1px #343741; }
-  .kuiToolBar .kuiButton:not(a):enabled:focus {
-    z-index: 1;
-    /* 1 */
-    outline: none !important;
-    /* 2 */
-    -webkit-box-shadow: 0 0 0 1px #343741, 0 0 0 2px #1BA9F5;
-            box-shadow: 0 0 0 1px #343741, 0 0 0 2px #1BA9F5;
-    /* 3 */ }
-  a.kuiToolBar .kuiButton:not(.kuiButton-isDisabled):focus {
-    /* 1 */
-    z-index: 1;
-    /* 1 */
-    outline: none !important;
-    /* 2 */
-    -webkit-box-shadow: 0 0 0 1px #343741, 0 0 0 2px #1BA9F5;
-            box-shadow: 0 0 0 1px #343741, 0 0 0 2px #1BA9F5;
-    /* 3 */ }
-  .kuiToolBar .kuiButton--danger:not(a):enabled:focus {
-    z-index: 1;
-    /* 1 */
-    outline: none !important;
-    /* 2 */
-    -webkit-box-shadow: 0 0 0 1px #343741, 0 0 0 2px #F66;
-            box-shadow: 0 0 0 1px #343741, 0 0 0 2px #F66;
-    /* 3 */ }
-  a.kuiToolBar .kuiButton--danger:not(.kuiButton-isDisabled):focus {
-    /* 1 */
-    z-index: 1;
-    /* 1 */
-    outline: none !important;
-    /* 2 */
-    -webkit-box-shadow: 0 0 0 1px #343741, 0 0 0 2px #F66;
-            box-shadow: 0 0 0 1px #343741, 0 0 0 2px #F66;
-    /* 3 */ }
-  .kuiToolBar .kuiSelect {
-    border-color: #16171c; }
-    .kuiToolBar .kuiSelect:not(a):enabled:focus {
-      outline: none;
-      border-color: #1BA9F5; }
-    a.kuiToolBar .kuiSelect:not(.kuiButton-isDisabled):focus {
-      /* 1 */
-      outline: none;
-      border-color: #1BA9F5; }
-
-.kuiToolBarSection {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-flex: 1;
-  -webkit-flex: 1 1 auto;
-      -ms-flex: 1 1 auto;
-          flex: 1 1 auto;
-  margin-left: 25px;
-  margin-right: 25px; }
-  .kuiToolBarSection:not(:first-child):not(:last-child):not(:only-child) {
-    -webkit-box-pack: center;
-    -webkit-justify-content: center;
-        -ms-flex-pack: center;
-            justify-content: center;
-    /* 3 */ }
-  .kuiToolBarSection:first-child {
-    margin-left: 0; }
-  .kuiToolBarSection:last-child {
-    margin-right: 0;
-    -webkit-box-flex: 0;
-    -webkit-flex: 0 1 auto;
-        -ms-flex: 0 1 auto;
-            flex: 0 1 auto;
-    /* 4 */
-    -webkit-box-pack: end;
-    -webkit-justify-content: flex-end;
-        -ms-flex-pack: end;
-            justify-content: flex-end;
-    /* 5 */ }
-  .kuiToolBarSection:only-child {
-    margin-left: auto;
-    /* 2 */ }
-  .kuiToolBarSection > * + * {
-    margin-left: 10px;
-    /* 1 */ }
-
-/**
- * 1. Override Bar styles and put Search on the left side.
- */
-.kuiToolBar--searchOnly .kuiToolBarSearch {
-  margin-left: 0 !important;
-  /* 1 */ }
-
-.kuiToolBarFooter {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-  min-height: 30px;
-  /* 1 */
-  padding: 10px;
-  height: 40px;
-  background-color: #1D1E24; }
-
-.kuiToolBarFooterSection {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-flex: 1;
-  -webkit-flex: 1 1 auto;
-      -ms-flex: 1 1 auto;
-          flex: 1 1 auto;
-  margin-left: 25px;
-  margin-right: 25px; }
-  .kuiToolBarFooterSection:not(:first-child):not(:last-child):not(:only-child) {
-    -webkit-box-pack: center;
-    -webkit-justify-content: center;
-        -ms-flex-pack: center;
-            justify-content: center;
-    /* 3 */ }
-  .kuiToolBarFooterSection:first-child {
-    margin-left: 0; }
-  .kuiToolBarFooterSection:last-child {
-    margin-right: 0;
-    -webkit-box-flex: 0;
-    -webkit-flex: 0 1 auto;
-        -ms-flex: 0 1 auto;
-            flex: 0 1 auto;
-    /* 4 */
-    -webkit-box-pack: end;
-    -webkit-justify-content: flex-end;
-        -ms-flex-pack: end;
-            justify-content: flex-end;
-    /* 5 */ }
-  .kuiToolBarFooterSection:only-child {
-    margin-left: auto;
-    /* 2 */ }
-  .kuiToolBarFooterSection > * + * {
-    margin-left: 10px;
-    /* 1 */ }
-
-/**
- * 1. Put 10px of space between each child.
- * 2. Fix IE11 bug which causes this item to grow too wide when there is only a single
- *    kuiToolBarSection sibling.
- */
-.kuiToolBarSearch {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  margin-left: 25px;
-  margin-right: 25px;
-  -webkit-box-flex: 1;
-  -webkit-flex: 1 1 auto;
-      -ms-flex: 1 1 auto;
-          flex: 1 1 auto;
-  max-width: 100%;
-  /* 2 */
-  line-height: 1.5; }
-  .kuiToolBarSearch:first-child {
-    margin-left: 0; }
-  .kuiToolBarSearch:last-child {
-    margin-right: 0; }
-  .kuiToolBarSearch > * + * {
-    margin-left: 10px;
-    /* 1 */ }
-
-.kuiToolBarSearchBox {
-  -webkit-box-flex: 1;
-  -webkit-flex: 1 1 auto;
-      -ms-flex: 1 1 auto;
-          flex: 1 1 auto;
-  position: relative;
-  font-size: 16px;
-  max-width: 800px; }
-
-.kuiToolBarSearchBox__icon {
-  position: absolute;
-  top: 0.5em;
-  left: 0.7em;
-  font-size: 1em;
-  color: #ACACAC; }
-
-/**
-   * 1. Fix inherited styles (possibly from Bootstrap).
-   */
-.kuiToolBarSearchBox__input {
-  width: 100%;
-  min-width: 200px;
-  padding: 4px 12px 5px 28px;
-  font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  /* 1 */
-  background-color: #1D1E24;
-  color: #DFE5EF;
-  border-radius: 4px;
-  font-size: 1em;
-  border: 1px solid #343741;
-  line-height: normal;
-  /* 1 */
-  -webkit-transition: border-color 0.1s linear;
-  transition: border-color 0.1s linear; }
-  .kuiToolBarSearchBox__input:focus {
-    outline: none;
-    border-color: #1BA9F5; }
-
-/*
- * 1. We don't want the text to take up two lines and overflow the ToolBar.
- */
-.kuiToolBarText {
-  font-size: 16px;
-  line-height: 1.5;
-  color: #98A2B3;
-  white-space: nowrap;
-  /* 1 */ }
-
-/**
- * 1. Override h1.
- */
-.kuiTitle {
-  margin: 0;
-  /* 1 */
-  font-weight: 400;
-  /* 1 */
-  font-size: 24px; }
-
-/**
- * 1. Override h2, h3, etc.
- */
-.kuiSubTitle {
-  margin: 0;
-  /* 1 */
-  font-weight: 400;
-  /* 1 */
-  font-size: 20px; }
-
-/**
- * 1. Override p.
- */
-.kuiTextTitle {
-  margin: 0;
-  /* 1 */
-  font-weight: 700;
-  /* 1 */
-  line-height: 1.5;
-  font-size: 16px; }
-
-/**
- * 1. Override p.
- */
-.kuiText {
-  margin: 0;
-  /* 1 */
-  font-weight: 400;
-  /* 1 */
-  line-height: 1.5;
-  font-size: 16px; }
-
-.kuiSubText {
-  margin: 0;
-  /* 1 */
-  font-weight: 400;
-  /* 1 */
-  line-height: 1.5;
-  font-size: 14px; }
-
-.kuiSubduedText {
-  color: #98A2B3 !important; }
-
-.kuiVerticalRhythm + .kuiVerticalRhythm {
-  margin-top: 16px; }
-
-.kuiVerticalRhythmSmall + .kuiVerticalRhythmSmall {
-  margin-top: 8px; }
-
-.kuiVerticalRhythmLarge + .kuiVerticalRhythmLarge {
-  margin-top: 24px; }
-
-.kuiVerticalRhythmXLarge + .kuiVerticalRhythmXLarge {
-  margin-top: 32px; }
-
-.kuiView {
-  background-color: #FFF;
-  -webkit-box-flex: 1;
-  -webkit-flex: 1 1 auto;
-      -ms-flex: 1 1 auto;
-          flex: 1 1 auto; }
-
-.kuiViewContent {
-  padding-top: 20px;
-  padding-bottom: 20px;
-  width: 100%; }
-
-.kuiViewContent--constrainedWidth {
-  width: 100%;
-  max-width: 1100px;
-  margin-left: auto;
-  margin-right: auto; }
-
-.kuiViewContentItem {
-  padding-left: 20px;
-  padding-right: 20px; }
diff --git a/packages/kbn-ui-framework/dist/kui_dark.min.css b/packages/kbn-ui-framework/dist/kui_dark.min.css
deleted file mode 100644
index a868c06c9b018..0000000000000
--- a/packages/kbn-ui-framework/dist/kui_dark.min.css
+++ /dev/null
@@ -1 +0,0 @@
-main{display:block}.kuiBar{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;min-height:30px}.kuiBar,.kuiBarSection{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.kuiBarSection{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;margin-left:25px;margin-right:25px}.kuiBarSection:not(:first-child):not(:last-child):not(:only-child){-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.kuiBarSection:first-child{margin-left:0}.kuiBarSection:last-child{-webkit-box-flex:0;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-justify-content:flex-end;justify-content:flex-end;margin-right:0}.kuiBarSection:only-child{margin-left:auto}.kuiBarSection>*+*{margin-left:10px}.kuiButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:4px;cursor:pointer;display:inline-block;font-size:16px;font-weight:400;height:30px;line-height:1.5;padding:4px 12px 5px;text-decoration:none}.kuiButton:disabled,a.kuiButton.kuiButton-isDisabled{cursor:not-allowed;opacity:.5}.kuiButton:enabled:active,a.kuiButton:not(.kuiButton-isDisabled):active{-webkit-transform:translateY(1px);transform:translateY(1px)}.kuiButton__inner{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.kuiButton--small{font-size:12px;height:22px;padding:2px 8px 3px}.kuiButton--fullWidth{text-align:center;width:100%}.kuiButton--iconText .kuiButton__icon:first-child:not(:only-child){margin-right:8px}.kuiButton--iconText .kuiButton__icon:last-child:not(:only-child){margin-left:8px}.kuiButton--iconText.kuiButton--small .kuiButton__icon:first-child:not(:only-child){margin-right:4px}.kuiButton--iconText.kuiButton--small .kuiButton__icon:last-child:not(:only-child){margin-left:4px}.kuiButton--basic{background-color:#25262e;color:#dfe5ef}.kuiButton--basic:not(a):enabled:focus,a.kuiButton--basic:not(.kuiButton-isDisabled):focus{color:#dfe5ef}.kuiButton--basic:enabled:active,.kuiButton--basic:enabled:hover,a.kuiButton--basic:not(.kuiButton-isDisabled):active,a.kuiButton--basic:not(.kuiButton-isDisabled):hover{background-color:#0e0f12!important}.kuiButton--primary{background-color:#1ba9f5;color:#fff}.kuiButton--primary:not(a):enabled:focus,a.kuiButton--primary:not(.kuiButton-isDisabled):focus{color:#fff}.kuiButton--primary:enabled:active,.kuiButton--primary:enabled:hover,a.kuiButton--primary:not(.kuiButton-isDisabled):active,a.kuiButton--primary:not(.kuiButton-isDisabled):hover{background-color:#098dd4;color:#fff!important}.kuiButton--success{background-color:#7de2d1;color:#fff}.kuiButton--success:not(a):enabled:focus,a.kuiButton--success:not(.kuiButton-isDisabled):focus{color:#fff}.kuiButton--success:enabled:active,.kuiButton--success:enabled:hover,a.kuiButton--success:not(.kuiButton-isDisabled):active,a.kuiButton--success:not(.kuiButton-isDisabled):hover{background-color:#53d9c2;color:#fff!important}.kuiButton--danger{border:1px solid #f66;color:#f66}.kuiButton--danger:not(a):enabled:focus,a.kuiButton--danger:not(.kuiButton-isDisabled):focus{-webkit-box-shadow:0 0 0 1px #1d1e24,0 0 0 2px #f66;box-shadow:0 0 0 1px #1d1e24,0 0 0 2px #f66;color:#f66;outline:none!important;z-index:1}.kuiButton--danger:enabled:active,.kuiButton--danger:enabled:hover,a.kuiButton--danger:not(.kuiButton-isDisabled):active,a.kuiButton--danger:not(.kuiButton-isDisabled):hover{background-color:#ff66661a;border:1px solid #f33;color:#f33!important}.kuiButton--warning{background-color:#ffce7a;color:#fff}.kuiButton--warning:not(a):enabled:focus,a.kuiButton--warning:not(.kuiButton-isDisabled):focus{-webkit-box-shadow:0 0 0 1px #1d1e24,0 0 0 2px #ffce7a;box-shadow:0 0 0 1px #1d1e24,0 0 0 2px #ffce7a;color:#fff;outline:none!important;z-index:1}.kuiButton--warning:enabled:active,.kuiButton--warning:enabled:hover,a.kuiButton--warning:not(.kuiButton-isDisabled):active,a.kuiButton--warning:not(.kuiButton-isDisabled):hover{background-color:#ffbb47;color:#fff!important}.kuiButton--warning:disabled,a.kuiButton--warning.kuiButton-isDisabled{background-color:#ffe1ad}.kuiButton--hollow{background-color:initial;color:#1ba9f5!important}.kuiButton--hollow:enabled:active,.kuiButton--hollow:enabled:hover,a.kuiButton--hollow:not(.kuiButton-isDisabled):active,a.kuiButton--hollow:not(.kuiButton-isDisabled):hover{color:#098dd4!important;text-decoration:underline}.kuiButton--secondary{border:1px solid #1ba9f5;color:#1ba9f5!important}.kuiButton--secondary:enabled:active,.kuiButton--secondary:enabled:hover,a.kuiButton--secondary:not(.kuiButton-isDisabled):active,a.kuiButton--secondary:not(.kuiButton-isDisabled):hover{background-color:#1ba9f51a;border:1px solid #098dd4;color:#098dd4!important;text-decoration:underline}.kuiButtonGroup{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.kuiButtonGroup .kuiButton+.kuiButton{margin-left:4px}.kuiButtonGroup--united>.kuiButton:not(:first-child):not(:last-child){border-radius:0}.kuiButtonGroup--united>.kuiButton:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.kuiButtonGroup--united>.kuiButton:last-child{border-bottom-left-radius:0;border-top-left-radius:0}.kuiButtonGroup--united>.kuiButton:only-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px}.kuiButtonGroup--united .kuiButton+.kuiButton{margin-left:0}.kuiButtonGroup--fullWidth{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.kuiButtonGroup--fullWidth>.kuiButton{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.eui-textCenter>.kuiButtonGroup,.text-center>.kuiButtonGroup{display:inline-block}.kuiCollapseButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:initial;border:none;color:#dfe5ef!important;cursor:pointer;font-size:16px;line-height:1;opacity:.35;padding:4px}.kuiCollapseButton:hover{opacity:1}.kuiAssistedInput{display:inline-block;position:relative}.kuiAssistedInput__assistance{position:absolute;right:12px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.kuiCheckBox{-webkit-appearance:none;background-color:#16171c;border:1px solid #ffffff1a;border-radius:4px;font:Inter UI,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol!important;font-family:Inter UI,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol!important;font-size:10px!important;height:16px;line-height:1.5!important;margin:0!important;-webkit-transition:background-color .1s linear;transition:background-color .1s linear;width:16px}.kuiCheckBox:before{color:#fff;content:"\F00C";font-family:FontAwesome;font-size:1em;left:.25em;opacity:0;position:relative;-webkit-transition:opacity .1s linear;transition:opacity .1s linear}.kuiCheckBox:checked{background-color:#1ba9f5;border-color:#1ba9f5}.kuiCheckBox:checked:before{opacity:1}.kuiCheckBox:focus{-webkit-box-shadow:0 0 0 1px #1d1e24,0 0 0 2px #1ba9f5;box-shadow:0 0 0 1px #1d1e24,0 0 0 2px #1ba9f5;outline:none!important;z-index:1}.kuiCheckBox:disabled{background-color:#202128!important;border-color:#202128!important;cursor:not-allowed!important}.kuiCheckBoxLabel{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-weight:400!important;line-height:1.5}.kuiCheckBoxLabel__text{font-size:16px;margin-left:8px}.kuiLabel{font-weight:700;margin-bottom:0}.kuiLabel,.kuiSearchInput{font-size:16px;line-height:1.5}.kuiSearchInput{display:inline-block;position:relative;width:180px}.kuiSearchInput.kuiSearchInput-isInvalid .kuiSearchInput__input{border-color:#f66}.kuiSearchInput__icon{color:#535966;font-size:1em;left:.7em;position:absolute;top:.5em}.kuiSearchInput__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#16171c;border:1px solid #ffffff1a;border-radius:4px;color:#dfe5ef;font-family:Inter UI,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:16px;font-weight:400;line-height:1.5;min-height:32px;padding:4px 12px 4px 28px;-webkit-transition:border-color .1s linear;transition:border-color .1s linear;width:100%}.kuiSearchInput__input:invalid{border-color:#f66}.kuiSearchInput__input:focus{border-color:#1ba9f5;outline:none}.kuiSearchInput__input:disabled{cursor:not-allowed;opacity:.4}.kuiSearchInput--small{width:60px}.kuiSearchInput--large{width:400px}.kuiSelect{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#16171c;background-image:url('data:image/svg+xml;utf8,<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1408 704q0 26-19 45l-448 448q-19 19-45 19t-45-19l-448-448q-19-19-19-45t19-45 45-19h896q26 0 45 19t19 45z"/></svg>');background-position:calc(100% - 8px);background-repeat:no-repeat;background-size:14px;border:1px solid #ffffff1a;border-radius:4px;color:#dfe5ef;font-family:Inter UI,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:16px;font-weight:400;line-height:1.5;min-height:32px;padding:4px 30px 4px 12px;-webkit-transition:border-color .1s linear;transition:border-color .1s linear}.kuiSelect:invalid{border-color:#f66}.kuiSelect:disabled{cursor:not-allowed;opacity:.4}.kuiSelect:-moz-focusring{text-shadow:0 0 0}.kuiSelect.kuiSelect-isInvalid{border-color:#f66}.kuiSelect:focus{border-color:#1ba9f5;-webkit-box-shadow:none;box-shadow:none;outline:none}.kuiSelect--small{width:60px}.kuiSelect--medium{width:180px}.kuiSelect--large{width:400px}.kuiStaticInput{background-color:initial;border:1px solid #0000}.kuiStaticInput,.kuiTextArea{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#dfe5ef;font-family:Inter UI,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:16px;font-weight:400;line-height:1.5;padding:4px 12px;width:180px}.kuiTextArea{background-color:#16171c;border:1px solid #ffffff1a;border-radius:4px;min-height:32px;-webkit-transition:border-color .1s linear;transition:border-color .1s linear}.kuiTextArea:invalid{border-color:#f66}.kuiTextArea:disabled{cursor:not-allowed;opacity:.4}.kuiTextArea:focus{border-color:#1ba9f5;-webkit-box-shadow:none;box-shadow:none;outline:none}.kuiTextArea.kuiTextArea-isInvalid{border-color:#f66}.kuiTextArea--nonResizable{resize:none}.kuiTextArea--small{width:60px}.kuiTextArea--large{width:400px}.kuiTextInput{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#16171c;border:1px solid #ffffff1a;border-radius:4px;color:#dfe5ef;font-family:Inter UI,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:16px;font-weight:400;line-height:1.5;min-height:32px;padding:4px 12px;-webkit-transition:border-color .1s linear;transition:border-color .1s linear;width:180px}.kuiTextInput:invalid{border-color:#f66}.kuiTextInput:focus{border-color:#1ba9f5;outline:none}.kuiTextInput:disabled{cursor:not-allowed;opacity:.4}.kuiTextInput.kuiTextInput-isInvalid{border-color:#f66}.kuiTextInput--small{width:60px}.kuiTextInput--large{width:400px}.kuiFieldGroup{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.kuiFieldGroup--alignTop{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.kuiFieldGroupSection{line-height:1.5}.kuiFieldGroupSection+.kuiFieldGroupSection{margin-left:10px}.kuiFieldGroupSection--wide{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.kuiFieldGroupSection--wide>*{width:100%}.kuiIcon{text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit}.kuiIcon--info{color:#1ba9f5}.kuiIcon--success{color:#7de2d1}.kuiIcon--warning{color:#ffce7a}.kuiIcon--error{color:#f66}.kuiIcon--inactive{color:#343741}.kuiIcon--basic{color:#98a2b3}.kuiInfoPanel{border:2px solid;line-height:1.5;padding:14px 20px 18px}.kuiInfoPanel--info{border-color:#1ba9f540}.kuiInfoPanel--success{border-color:#7de2d140}.kuiInfoPanel--warning{border-color:#ffce7a40}.kuiInfoPanel--error{border-color:#ff666640}.kuiInfoPanelHeader{-webkit-box-align:baseline;-ms-flex-align:baseline;-webkit-align-items:baseline;align-items:baseline;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.kuiInfoPanelHeader__icon{font-size:16px;line-height:1.5;margin-right:10px}.kuiInfoPanelHeader__title{font-size:16px;font-weight:700;line-height:1.5}.kuiInfoPanelBody,.kuiInfoPanelBody>*+*{margin-top:8px}.kuiInfoPanelBody__message{font-size:16px;line-height:1.5}.kuiLink{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:initial;border:none;cursor:pointer;font-size:inherit;line-height:inherit;text-decoration:none}.kuiLink,.kuiLink:active,.kuiLink:visited{color:#1ba9f5}.kuiLink:hover{color:#098dd4;text-decoration:underline}.kuiLocalBreadcrumbs{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:1;-ms-flex-positive:1;-ms-flex-preferred-size:100%;-webkit-align-items:center;align-items:center;background-color:#1d1e24;border-bottom:1px solid #343741;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-basis:100%;flex-basis:100%;-webkit-flex-grow:1;flex-grow:1;padding:12px 8px}.kuiLocalBreadcrumb{font-size:14px;font-weight:400;margin:0}.kuiLocalBreadcrumb+.kuiLocalBreadcrumb{margin-left:6px}.kuiLocalBreadcrumb+.kuiLocalBreadcrumb:before{color:#343741;content:"/";margin-right:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.kuiLocalBreadcrumb__link{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:initial;border:none;color:#1ba9f5;cursor:pointer;font-size:inherit;font-size:16px;line-height:inherit;text-decoration:none}.kuiLocalBreadcrumb__link:active,.kuiLocalBreadcrumb__link:visited{color:#1ba9f5}.kuiLocalBreadcrumb__link:hover{color:#098dd4;text-decoration:underline}.kuiLocalBreadcrumb__emphasis{font-weight:700}.kuiDatePicker{background-color:initial;border-collapse:collapse;border-spacing:0;line-height:1.5}.kuiDatePickerNavigationCell{padding:0}.kuiDatePickerNavigation{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:4px}.kuiDatePickerNavigationButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:initial;border:none;border-radius:4px;color:#dfe5ef;font-size:14px;padding:3px 6px}.kuiDatePickerNavigationButton:active,.kuiDatePickerNavigationButton:hover{background-color:#1ba9f5;color:#25262e;cursor:pointer}.kuiDatePickerNavigationButton:focus{-webkit-box-shadow:0 0 0 1px #0000,0 0 0 2px #1ba9f5;box-shadow:0 0 0 1px #0000,0 0 0 2px #1ba9f5;color:#dfe5ef;outline:none!important;z-index:1}.kuiDatePickerHeaderCell{color:#dfe5ef;font-size:14px;font-weight:700;line-height:1.2;padding:9px 0;text-align:center}.kuiDatePickerRowCell{padding:0;text-align:center}.kuiDatePickerRowCell.kuiDatePickerRowCell-isBlocked{cursor:not-allowed}.kuiDatePickerRowCell.kuiDatePickerRowCell-isBlocked .kuiDatePickerRowCellContent{pointer-events:none}.kuiDatePickerRowCellContent{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:initial;border:1px solid #0000;border-radius:4px;color:#dfe5ef;font-size:14px;line-height:1.2;padding:8px;width:100%}.kuiDatePickerRowCellContent:focus{-webkit-box-shadow:0 0 0 1px #0000,0 0 0 2px #1ba9f5;box-shadow:0 0 0 1px #0000,0 0 0 2px #1ba9f5;color:#dfe5ef;outline:none!important;z-index:1}.kuiDatePickerRowCellContent:disabled{opacity:.5;pointer-events:none}.kuiDatePickerRowCellContent.kuiDatePickerRowCellContent-isOtherMonth{pointer-events:none;visibility:hidden}.kuiDatePickerRowCellContent.kuiDatePickerRowCellContent-isCurrent{color:#1ba9f5}.kuiDatePickerRowCellContent.kuiDatePickerRowCellContent-isSelected{background-color:#98a2b3;color:#dfe5ef}.kuiDatePickerRowCellContent:active,.kuiDatePickerRowCellContent:hover{background-color:#1ba9f5;color:#25262e;cursor:pointer}.kuiLocalDropdown{background-color:initial;line-height:20px;margin-bottom:10px;padding:10px 8px 14px;position:relative}.kuiLocalDropdownCloseButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:initial;border:none;color:#dfe5ef!important;cursor:pointer;font-size:16px;line-height:1;opacity:.35;padding:4px;position:absolute;right:5px;top:1px}.kuiLocalDropdownCloseButton:hover{opacity:1}.kuiLocalDropdownPanels{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.kuiLocalDropdownPanel{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%}.kuiLocalDropdownPanel--left{margin-right:30px}.kuiLocalDropdownPanel--right{margin-left:30px}.kuiLocalDropdownTitle{color:#dfe5ef;font-size:18px;margin-bottom:12px;margin-top:0}.kuiLocalDropdownSection{margin-bottom:16px}.kuiLocalDropdownSection:last-child{margin-bottom:0}.kuiLocalDropdownHeader{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:6px}.kuiLocalDropdownHeader__label{color:#dfe5ef;font-size:14px;font-weight:700;margin-bottom:0}.kuiLocalDropdownHeader__actions{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.kuiLocalDropdownHeader__action{color:#1ba9f5;cursor:pointer;font-size:12px;text-decoration:none}.kuiLocalDropdownHeader__action+.kuiLocalDropdownHeader__action{margin-left:10px}.kuiLocalDropdownHeader__action:active,.kuiLocalDropdownHeader__action:hover{color:#098dd4}.kuiLocalDropdownInput{background-color:#16171c;border:1px solid #ffffff1a;border-radius:4px;color:#dfe5ef;display:block;font-size:14px;margin-bottom:12px;padding:5px 15px;width:100%}.kuiLocalDropdownInput:focus{border-color:#1ba9f5}.kuiLocalDropdownFormNote{color:#98a2b3;font-size:14px}.kuiLocalDropdownWarning{background-color:#1d1e24;border-left:2px solid #f66;color:#dfe5ef;font-size:14px;margin-bottom:16px;padding:6px 10px}.kuiLocalDropdownHelpText{color:#98a2b3;font-size:14px;margin-bottom:16px}.kuiLocalMenu{-webkit-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch;padding-bottom:8px;padding-top:8px}.kuiLocalMenu,.kuiLocalMenuItem{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.kuiLocalMenuItem{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-color:initial;border:0;border-bottom:2px solid #0000;color:#dfe5ef;cursor:pointer;font-size:16px;padding:2px 8px}.kuiLocalMenuItem:focus,.kuiLocalMenuItem:hover{background-color:#1ba9f526;text-decoration:underline}.kuiLocalMenuItem.kuiLocalMenuItem-isSelected{background-color:initial;border-color:#1ba9f5;color:#1ba9f5;z-index:2}.kuiLocalMenuItem.kuiLocalMenuItem-isSelected:focus,.kuiLocalMenuItem.kuiLocalMenuItem-isSelected:hover{text-decoration:none}.kuiLocalMenuItem.kuiLocalMenuItem-isDisabled{cursor:not-allowed;opacity:.5}.kuiLocalMenuItem.kuiLocalMenuItem-isDisabled:hover{background-color:initial;text-decoration:none}.kuiLocalMenuItem__icon{margin-bottom:-1px;margin-right:5px}.kuiLocalNav{-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:#1d1e24;border-bottom:1px solid #343741;color:#dfe5ef;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;line-height:1.5;min-height:69px}.kuiLocalNav,.kuiLocalNavRow{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.kuiLocalNavRow,.kuiLocalNavRow__section{-webkit-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}.kuiLocalNavRow__section{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.kuiLocalNavRow--secondary{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;padding:0 8px}.kuiLocalSearch{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:8px;width:100%}.kuiLocalSearchInput{-webkit-box-flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#16171c;border:1px solid #343741;border-radius:4px;border-radius:4px 0 0 4px;color:#dfe5ef;-webkit-flex:1 1 100%;-ms-flex:1 1 100%;flex:1 1 100%;font-family:Inter UI,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:16px;font-weight:400;line-height:1.5;min-height:32px;padding:4px 12px;-webkit-transition:border-color .1s linear;transition:border-color .1s linear}.kuiLocalSearchInput:invalid{border-color:#f66}.kuiLocalSearchInput:focus{border-color:#1ba9f5;outline:none}.kuiLocalSearchInput:disabled{cursor:not-allowed;opacity:.4}.kuiLocalSearchInput:focus{-webkit-box-shadow:none;box-shadow:none}.kuiLocalSearchInput.kuiLocalSearchInput-isInvalid{border-color:#f66}.kuiLocalSearchInput--secondary{-webkit-box-flex:0;border-left-width:0;border-radius:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;height:32px}.kuiLocalSearchAssistedInput{-webkit-box-flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1 1 100%;-ms-flex:1 1 100%;flex:1 1 100%;position:relative}.kuiLocalSearchAssistedInput__input,.kuiLocalSearchInput{padding-right:6em}.kuiLocalSearchAssistedInput__assistance{position:absolute;right:6px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2}.kuiLocalSearchSelect{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#16171c;background-image:url('data:image/svg+xml;utf8,<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1408 704q0 26-19 45l-448 448q-19 19-45 19t-45-19l-448-448q-19-19-19-45t19-45 45-19h896q26 0 45 19t19 45z"/></svg>');background-position:calc(100% - 8px);background-repeat:no-repeat;background-size:14px;border:1px solid #ffffff1a;border-left-width:0;border-radius:4px;border-radius:0;color:#dfe5ef;font-family:Inter UI,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:16px;font-weight:400;line-height:1.5;min-height:32px;padding:4px 30px 4px 12px;-webkit-transition:border-color .1s linear;transition:border-color .1s linear}.kuiLocalSearchSelect:invalid{border-color:#f66}.kuiLocalSearchSelect:focus{border-color:#1ba9f5;outline:none}.kuiLocalSearchSelect:disabled{cursor:not-allowed;opacity:.4}.kuiLocalSearchSelect:-moz-focusring{text-shadow:0 0 0}.kuiLocalSearchButton{background-color:#1ba9f5;border:0;border-radius:0 4px 4px 0;color:#fff;font-size:16px;height:32px;line-height:0;width:43px}.kuiLocalSearchButton:focus{-webkit-box-shadow:0 0 0 1px #343741,0 0 0 2px #1ba9f5;box-shadow:0 0 0 1px #343741,0 0 0 2px #1ba9f5;outline:none!important;z-index:1}.kuiLocalTabs{-webkit-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%}.kuiLocalTab{border-bottom:2px solid #0000;color:#d4dae5;cursor:pointer;font-size:18px;margin-bottom:0!important;margin-top:0!important;padding:5px 0 6px;text-decoration:none}.kuiLocalTab:active:not(.kuiLocalTab-isDisabled),.kuiLocalTab:hover:not(.kuiLocalTab-isDisabled){color:#1ba9f5}.kuiLocalTab.kuiLocalTab-isSelected{border-bottom-color:#1ba9f5;color:#1ba9f5;cursor:default}.kuiLocalTab.kuiLocalTab-isDisabled{cursor:default;opacity:.5}.kuiLocalTab+.kuiLocalTab{margin-left:15px}.kuiLocalTitle{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:1;-ms-flex-positive:1;-ms-flex-preferred-size:100%;-webkit-align-items:center;align-items:center;background-color:#1d1e24;border-bottom:1px solid #343741;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-basis:100%;flex-basis:100%;-webkit-flex-grow:1;flex-grow:1;font-size:16px;font-weight:700;padding:12px 8px}.kuiLocalTitle:empty{display:none;padding:0}.kuiPager{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.kuiPager>*+*{margin-left:10px}.kuiPagerText{color:#98a2b3;font-size:16px;line-height:1.5;white-space:nowrap}.kuiPanel{background-color:#1d1e24;border:1px solid #343741;border-radius:4px;-webkit-box-shadow:0 2px 2px -1px #0000004d,0 1px 5px -2px #0000004d;box-shadow:0 2px 2px -1px #0000004d,0 1px 5px -2px #0000004d}.kuiPanel--prompt{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;min-height:300px;text-align:center}.kuiPanel--prompt .kuiPanelBody{max-width:500px;padding:30px}.kuiPanel--noBorder{border:none}.kuiPanel--withToolBar{border-radius:0;border-top:none}.kuiPanel--centered{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.kuiPanel--centered,.kuiPanelHeader{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.kuiPanelHeader{-webkit-box-pack:justify;-ms-flex-pack:justify;border-bottom:1px solid #343741;height:50px;-webkit-justify-content:space-between;justify-content:space-between;min-height:30px;padding:10px}.kuiPanelHeader .kuiButton:not(a):enabled:focus,a.kuiPanelHeader .kuiButton:not(.kuiButton-isDisabled):focus{-webkit-box-shadow:0 0 0 1px #343741,0 0 0 2px #1ba9f5;box-shadow:0 0 0 1px #343741,0 0 0 2px #1ba9f5;outline:none!important;z-index:1}.kuiPanelHeader .kuiButton--danger:not(a):enabled:focus,a.kuiPanelHeader .kuiButton--danger:not(.kuiButton-isDisabled):focus{-webkit-box-shadow:0 0 0 1px #343741,0 0 0 2px #f66;box-shadow:0 0 0 1px #343741,0 0 0 2px #f66;outline:none!important;z-index:1}.kuiPanelHeader .kuiSelect{border-color:#16171c}.kuiPanelHeader .kuiSelect:not(a):enabled:focus,a.kuiPanelHeader .kuiSelect:not(.kuiButton-isDisabled):focus{border-color:#1ba9f5;outline:none}.kuiPanelHeader__title{font-size:20px;line-height:1.5;margin:0}.kuiPanelHeaderSection{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:1;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;margin-left:25px;margin-right:25px}.kuiPanelHeaderSection:not(:first-child):not(:last-child):not(:only-child){-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.kuiPanelHeaderSection:first-child{margin-left:0}.kuiPanelHeaderSection:last-child{-webkit-box-flex:0;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-justify-content:flex-end;justify-content:flex-end;margin-right:0}.kuiPanelHeaderSection:only-child{margin-left:auto}.kuiPanelHeaderSection>*+*{margin-left:10px}.kuiPanelHeaderSection:only-child{margin-left:0;margin-right:auto}.kuiPanelBody{padding:10px}.kuiEmptyTablePrompt{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:30px}.kuiEmptyTablePrompt__message{color:#98a2b3;font-size:20px;line-height:1.5}.kuiEmptyTablePrompt__actions{margin-top:10px}.kuiStatusText{-webkit-box-align:baseline;-ms-flex-align:baseline;-webkit-align-items:baseline;align-items:baseline;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex}.kuiStatusText--info{color:#1ba9f5}.kuiStatusText--success{color:#7de2d1}.kuiStatusText--warning{color:#ffce7a}.kuiStatusText--error{color:#f66}.kuiStatusText__icon{margin-right:6px;max-height:1.15em;width:1.15em}.kuiControlledTable{background:#1d1e24}.kuiControlledTable .kuiMenu--contained,.kuiControlledTable .kuiTable,.kuiControlledTable .kuiToolBarFooter{border-top:none}.kuiTable{background-color:#1d1e24;border:1px solid #343741;border-collapse:collapse;width:100%}.kuiTable--fluid{width:auto}.kuiTable--fluid .kuiTableHeaderCell,.kuiTable--fluid .kuiTableRowCell{max-width:none}.kuiTableHeaderCell{color:#98a2b3;font-size:16px;font-weight:400;line-height:1.5;max-width:20px;text-align:left}.kuiTableHeaderCell__liner{display:inline-block;padding:7px 8px 8px}.kuiTableHeaderCellButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:initial;border:0;color:inherit;cursor:pointer;font-size:inherit;line-height:inherit;padding:0;text-align:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.kuiTableHeaderCellButton:hover .kuiTableSortIcon{display:block;opacity:1}.kuiTableHeaderCellButton .kuiTableHeaderCell__liner{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.kuiTableHeaderCell--alignRight{text-align:right}.kuiTableSortIcon{display:none;margin-left:4px;pointer-events:none}.kuiTableHeaderCellButton-isSorted .kuiTableSortIcon{display:block;opacity:.4}.kuiTableRow:hover .kuiTableRowHoverReveal{display:inline-block}.kuiTableRowHoverReveal{display:none}.kuiTableRowCell{border-top:1px solid #343741;color:#dfe5ef;font-size:16px;font-weight:400;max-width:20px;text-align:left;vertical-align:middle}.kuiTableRowCell__liner{line-height:1.5;overflow:hidden;padding:7px 8px 8px;text-overflow:ellipsis;white-space:nowrap}.kuiTableRowCell__liner>*{vertical-align:middle}.kuiTableRowCell--wrap .kuiTableRowCell__liner{white-space:normal}.kuiTableRowCell--overflowingContent .kuiTableRowCell__liner{overflow:visible;white-space:normal}.kuiTableRowCell--expanded{border-top-color:#1d1e24}.kuiTableRowCell--alignRight,.kuiTableRowCell--alignRight .kuiTableRowCell__liner{text-align:right}.kuiTableHeaderCell--checkBox,.kuiTableRowCell--checkBox{line-height:1;width:28px}.kuiTableHeaderCell--checkBox .kuiTableRowCell__liner,.kuiTableRowCell--checkBox .kuiTableRowCell__liner{overflow:visible}.kuiTableHeaderCell--checkBox .kuiTableHeaderCell__liner,.kuiTableHeaderCell--checkBox .kuiTableRowCell__liner,.kuiTableRowCell--checkBox .kuiTableHeaderCell__liner,.kuiTableRowCell--checkBox .kuiTableRowCell__liner{padding-right:0}.kuiTableInfo{color:#98a2b3;font-size:20px;line-height:1.5;padding:30px}.kuiTabs{border-bottom:1px solid #343741;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.kuiTab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:initial;border:1px solid #343741;border-radius:0;color:#98a2b3;cursor:pointer;font-size:16px;margin-bottom:-1px;padding:10px 30px}.kuiTab+.kuiTab{border-left:none}.kuiTab+.kuiTab:focus:not(.kuiTab-isSelected):not(:active){margin-left:-1px}.kuiTab:active{-webkit-box-shadow:none;box-shadow:none;outline:none!important}.kuiTab:focus{outline:none}.kuiTab:focus:not(.kuiTab-isSelected):not(:active){border:1px solid #1ba9f5!important;color:#1ba9f5;z-index:1}.kuiTab:hover:not(.kuiTab-isSelected){background-color:#25262e;color:#098dd4}.kuiTab.kuiTab-isSelected{background-color:initial;border-bottom-color:#0000;color:#dfe5ef;cursor:default}.kuiToolBar{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;background-color:initial;border:1px solid #343741;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:50px;-webkit-justify-content:space-between;justify-content:space-between;min-height:30px;padding:10px}.kuiToolBar .kuiButton:not(a):enabled:focus,a.kuiToolBar .kuiButton:not(.kuiButton-isDisabled):focus{-webkit-box-shadow:0 0 0 1px #343741,0 0 0 2px #1ba9f5;box-shadow:0 0 0 1px #343741,0 0 0 2px #1ba9f5;outline:none!important;z-index:1}.kuiToolBar .kuiButton--danger:not(a):enabled:focus,a.kuiToolBar .kuiButton--danger:not(.kuiButton-isDisabled):focus{-webkit-box-shadow:0 0 0 1px #343741,0 0 0 2px #f66;box-shadow:0 0 0 1px #343741,0 0 0 2px #f66;outline:none!important;z-index:1}.kuiToolBar .kuiSelect{border-color:#16171c}.kuiToolBar .kuiSelect:not(a):enabled:focus,a.kuiToolBar .kuiSelect:not(.kuiButton-isDisabled):focus{border-color:#1ba9f5;outline:none}.kuiToolBarSection{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:1;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;margin-left:25px;margin-right:25px}.kuiToolBarSection:not(:first-child):not(:last-child):not(:only-child){-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.kuiToolBarSection:first-child{margin-left:0}.kuiToolBarSection:last-child{-webkit-box-flex:0;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-justify-content:flex-end;justify-content:flex-end;margin-right:0}.kuiToolBarSection:only-child{margin-left:auto}.kuiToolBarSection>*+*{margin-left:10px}.kuiToolBar--searchOnly .kuiToolBarSearch{margin-left:0!important}.kuiToolBarFooter{-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:#1d1e24;height:40px;-webkit-justify-content:space-between;justify-content:space-between;min-height:30px;padding:10px}.kuiToolBarFooter,.kuiToolBarFooterSection{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.kuiToolBarFooterSection{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;margin-left:25px;margin-right:25px}.kuiToolBarFooterSection:not(:first-child):not(:last-child):not(:only-child){-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.kuiToolBarFooterSection:first-child{margin-left:0}.kuiToolBarFooterSection:last-child{-webkit-box-flex:0;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-justify-content:flex-end;justify-content:flex-end;margin-right:0}.kuiToolBarFooterSection:only-child{margin-left:auto}.kuiToolBarFooterSection>*+*{margin-left:10px}.kuiToolBarSearch{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:1;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;line-height:1.5;margin-left:25px;margin-right:25px;max-width:100%}.kuiToolBarSearch:first-child{margin-left:0}.kuiToolBarSearch:last-child{margin-right:0}.kuiToolBarSearch>*+*{margin-left:10px}.kuiToolBarSearchBox{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;font-size:16px;max-width:800px;position:relative}.kuiToolBarSearchBox__icon{color:#acacac;font-size:1em;left:.7em;position:absolute;top:.5em}.kuiToolBarSearchBox__input{background-color:#1d1e24;border:1px solid #343741;border-radius:4px;color:#dfe5ef;font-family:Inter UI,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1em;line-height:normal;min-width:200px;padding:4px 12px 5px 28px;-webkit-transition:border-color .1s linear;transition:border-color .1s linear;width:100%}.kuiToolBarSearchBox__input:focus{border-color:#1ba9f5;outline:none}.kuiToolBarText{color:#98a2b3;font-size:16px;line-height:1.5;white-space:nowrap}.kuiTitle{font-size:24px}.kuiSubTitle,.kuiTitle{font-weight:400;margin:0}.kuiSubTitle{font-size:20px}.kuiTextTitle{font-weight:700}.kuiText,.kuiTextTitle{font-size:16px;line-height:1.5;margin:0}.kuiSubText,.kuiText{font-weight:400}.kuiSubText{font-size:14px;line-height:1.5;margin:0}.kuiSubduedText{color:#98a2b3!important}.kuiVerticalRhythm+.kuiVerticalRhythm{margin-top:16px}.kuiVerticalRhythmSmall+.kuiVerticalRhythmSmall{margin-top:8px}.kuiVerticalRhythmLarge+.kuiVerticalRhythmLarge{margin-top:24px}.kuiVerticalRhythmXLarge+.kuiVerticalRhythmXLarge{margin-top:32px}.kuiView{-webkit-box-flex:1;background-color:#fff;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.kuiViewContent{padding-bottom:20px;padding-top:20px;width:100%}.kuiViewContent--constrainedWidth{margin-left:auto;margin-right:auto;max-width:1100px;width:100%}.kuiViewContentItem{padding-left:20px;padding-right:20px}
\ No newline at end of file
diff --git a/packages/kbn-ui-framework/dist/kui_light.css b/packages/kbn-ui-framework/dist/kui_light.css
deleted file mode 100644
index 9b42bbb517f46..0000000000000
--- a/packages/kbn-ui-framework/dist/kui_light.css
+++ /dev/null
@@ -1,2470 +0,0 @@
-/* 1 */
-/* 1 */
-/**
- * 1. Extend beta badges to at least 40% of the container's width
- * 2. Fix for IE to ensure badges are visible outside of a <button> tag
- */
-/**
- * 1. Apply margin to all but last item in the flex.
- * 2. Margin gets flipped because of the row-reverse.
- */
-/**
- * 3. Must supply both values to background-size or some browsers apply the single value to both directions
- */
-/**
- * 4. Override invalid state with focus state.
- */
-/**
- *  Mixin for use in:
- *  - EuiCard
- *  - EuiPageContent
-*/
-/**
- * 1. Enforce pointer when there's no href.
- * 2. Allow these styles to be applied to a button element.
- */
-/**
- * 1. Override Bootstrap styles.
- */
-/**
- * 1. Links can't have a disabled attribute, so they can't support :disabled.
- */
-/**
- * 1. Links can't have a disabled attribute, so they can't support :enabled.
- */
-/**
- * 1. Links can't have a disabled attribute, so they can't support :enabled.
- */
-/**
- * 1. Links can't have a disabled attribute, so they can't support :enabled.
- */
-/**
- * Nothing fancy, just the basics so we can use this for both regular and static controls.
- */
-/**
- * 1. Prevent Firefox users from being able to resize textareas to smaller than the min-height.
- */
-/**
- * We specifically don't include Angular's ng-${state} classes here because we don't want to be tightly
- * coupled with Angular.
- */
-/**
- * 1. Embedded SVG of fa-caret-down (https://github.com/encharm/Font-Awesome-SVG-PNG/blob/master/black/svg/caret-down.svg).
- * 2. Make room on right side for the caret.
- * 3. Prevent Firefox from showing dotted line around text on focus.
- */
-/**
- * 1. Setting to inline-block guarantees the same height when applied to both
- *    button elements and anchor tags.
- * 2. Fit MicroButton inside of Table rows without pushing them taller.
- */
-/**
- * 1. Give Bar a consistent height for when it contains shorter children, and therefore can't
- *    depend on them to give it the desired height.
- */
-/**
- * 1. Put 10px of space between each child.
- * 2. If there is only one section, align it to the right. If you wanted it aligned right, you
- *    wouldn't use the Bar in the first place.
- * 3. Children in the middle should center their content.
- * 4. Fix an IE bug which causes the last child to overflow the container.
- * 5. Fixing this bug means we now need to align the children to the right.
- */
-/**
- * 1. Required for IE11.
- */
-main {
-  display: block;
-  /* 1 */ }
-
-.kuiBar {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-  min-height: 30px;
-  /* 1 */ }
-
-.kuiBarSection {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-flex: 1;
-  -webkit-flex: 1 1 auto;
-      -ms-flex: 1 1 auto;
-          flex: 1 1 auto;
-  margin-left: 25px;
-  margin-right: 25px; }
-  .kuiBarSection:not(:first-child):not(:last-child):not(:only-child) {
-    -webkit-box-pack: center;
-    -webkit-justify-content: center;
-        -ms-flex-pack: center;
-            justify-content: center;
-    /* 3 */ }
-  .kuiBarSection:first-child {
-    margin-left: 0; }
-  .kuiBarSection:last-child {
-    margin-right: 0;
-    -webkit-box-flex: 0;
-    -webkit-flex: 0 1 auto;
-        -ms-flex: 0 1 auto;
-            flex: 0 1 auto;
-    /* 4 */
-    -webkit-box-pack: end;
-    -webkit-justify-content: flex-end;
-        -ms-flex-pack: end;
-            justify-content: flex-end;
-    /* 5 */ }
-  .kuiBarSection:only-child {
-    margin-left: auto;
-    /* 2 */ }
-  .kuiBarSection > * + * {
-    margin-left: 10px;
-    /* 1 */ }
-
-/**
- * 1. Setting to inline-block guarantees the same height when applied to both
- *    button elements and anchor tags.
- * 2. Links can be focused when they're "disabled" (since we're just faking this with a class), but
- *    at least make them look like they're not focused.
- */
-.kuiButton {
-  display: inline-block;
-  /* 1 */
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  cursor: pointer;
-  padding: 4px 12px 5px;
-  font-size: 16px;
-  font-weight: 400;
-  line-height: 1.5;
-  height: 30px;
-  text-decoration: none;
-  border: none;
-  border-radius: 4px; }
-  .kuiButton:disabled {
-    cursor: not-allowed;
-    opacity: .5; }
-  a.kuiButton.kuiButton-isDisabled {
-    cursor: not-allowed;
-    opacity: .5; }
-  .kuiButton:enabled:active {
-    -webkit-transform: translateY(1px);
-            transform: translateY(1px); }
-  a.kuiButton:not(.kuiButton-isDisabled):active {
-    /* 1 */
-    -webkit-transform: translateY(1px);
-            transform: translateY(1px); }
-
-/**
-   * 1. Solves whitespace problems introduced by inline elements.
-   */
-.kuiButton__inner {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  /* 1 */
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  /* 1 */ }
-
-.kuiButton--small {
-  font-size: 12px;
-  padding: 2px 8px 3px;
-  height: 22px; }
-
-.kuiButton--fullWidth {
-  width: 100%;
-  text-align: center; }
-
-.kuiButton--iconText .kuiButton__icon:first-child:not(:only-child) {
-  margin-right: 8px; }
-
-.kuiButton--iconText .kuiButton__icon:last-child:not(:only-child) {
-  margin-left: 8px; }
-
-.kuiButton--iconText.kuiButton--small .kuiButton__icon:first-child:not(:only-child) {
-  margin-right: 4px; }
-
-.kuiButton--iconText.kuiButton--small .kuiButton__icon:last-child:not(:only-child) {
-  margin-left: 4px; }
-
-/**
- * 1. Override Bootstrap.
- */
-.kuiButton--basic {
-  color: #343741;
-  background-color: #F5F7FA; }
-  .kuiButton--basic:not(a):enabled:focus {
-    color: #343741; }
-  a.kuiButton--basic:not(.kuiButton-isDisabled):focus {
-    /* 1 */
-    color: #343741; }
-  .kuiButton--basic:enabled:hover {
-    background-color: #d3dce9 !important;
-    /* 1 */ }
-  a.kuiButton--basic:not(.kuiButton-isDisabled):hover {
-    /* 1 */
-    background-color: #d3dce9 !important;
-    /* 1 */ }
-  .kuiButton--basic:enabled:active {
-    background-color: #d3dce9 !important;
-    /* 1 */ }
-  a.kuiButton--basic:not(.kuiButton-isDisabled):active {
-    /* 1 */
-    background-color: #d3dce9 !important;
-    /* 1 */ }
-
-/**
- * 1. Override Bootstrap.
- */
-.kuiButton--primary {
-  color: #FFF;
-  background-color: #006BB4; }
-  .kuiButton--primary:not(a):enabled:focus {
-    color: #FFF; }
-  a.kuiButton--primary:not(.kuiButton-isDisabled):focus {
-    /* 1 */
-    color: #FFF; }
-  .kuiButton--primary:enabled:hover {
-    color: #FFF !important;
-    /* 1 */
-    background-color: #004d81; }
-  a.kuiButton--primary:not(.kuiButton-isDisabled):hover {
-    /* 1 */
-    color: #FFF !important;
-    /* 1 */
-    background-color: #004d81; }
-  .kuiButton--primary:enabled:active {
-    color: #FFF !important;
-    /* 1 */
-    background-color: #004d81; }
-  a.kuiButton--primary:not(.kuiButton-isDisabled):active {
-    /* 1 */
-    color: #FFF !important;
-    /* 1 */
-    background-color: #004d81; }
-
-/**
- * 1. Override Bootstrap.
- */
-.kuiButton--success {
-  color: #FFF;
-  background-color: #017D73; }
-  .kuiButton--success:not(a):enabled:focus {
-    color: #FFF; }
-  a.kuiButton--success:not(.kuiButton-isDisabled):focus {
-    /* 1 */
-    color: #FFF; }
-  .kuiButton--success:enabled:hover {
-    color: #FFF !important;
-    /* 1 */
-    background-color: #014a44; }
-  a.kuiButton--success:not(.kuiButton-isDisabled):hover {
-    /* 1 */
-    color: #FFF !important;
-    /* 1 */
-    background-color: #014a44; }
-  .kuiButton--success:enabled:active {
-    color: #FFF !important;
-    /* 1 */
-    background-color: #014a44; }
-  a.kuiButton--success:not(.kuiButton-isDisabled):active {
-    /* 1 */
-    color: #FFF !important;
-    /* 1 */
-    background-color: #014a44; }
-
-/**
- * 1. Override Bootstrap.
- */
-.kuiButton--danger {
-  color: #BD271E;
-  border: solid 1px #BD271E; }
-  .kuiButton--danger:not(a):enabled:focus {
-    z-index: 1;
-    /* 1 */
-    outline: none !important;
-    /* 2 */
-    -webkit-box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #BD271E;
-            box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #BD271E;
-    /* 3 */
-    color: #BD271E; }
-  a.kuiButton--danger:not(.kuiButton-isDisabled):focus {
-    /* 1 */
-    z-index: 1;
-    /* 1 */
-    outline: none !important;
-    /* 2 */
-    -webkit-box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #BD271E;
-            box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #BD271E;
-    /* 3 */
-    color: #BD271E; }
-  .kuiButton--danger:enabled:hover {
-    color: #911e17 !important;
-    border: solid 1px #911e17;
-    background-color: rgba(189, 39, 30, 0.1); }
-  a.kuiButton--danger:not(.kuiButton-isDisabled):hover {
-    /* 1 */
-    color: #911e17 !important;
-    border: solid 1px #911e17;
-    background-color: rgba(189, 39, 30, 0.1); }
-  .kuiButton--danger:enabled:active {
-    color: #911e17 !important;
-    border: solid 1px #911e17;
-    background-color: rgba(189, 39, 30, 0.1); }
-  a.kuiButton--danger:not(.kuiButton-isDisabled):active {
-    /* 1 */
-    color: #911e17 !important;
-    border: solid 1px #911e17;
-    background-color: rgba(189, 39, 30, 0.1); }
-
-/**
- * 1. Override Bootstrap.
- */
-.kuiButton--warning {
-  color: #FFF;
-  background-color: #F5A700; }
-  .kuiButton--warning:not(a):enabled:focus {
-    z-index: 1;
-    /* 1 */
-    outline: none !important;
-    /* 2 */
-    -webkit-box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #F5A700;
-            box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #F5A700;
-    /* 3 */
-    color: #FFF; }
-  a.kuiButton--warning:not(.kuiButton-isDisabled):focus {
-    /* 1 */
-    z-index: 1;
-    /* 1 */
-    outline: none !important;
-    /* 2 */
-    -webkit-box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #F5A700;
-            box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #F5A700;
-    /* 3 */
-    color: #FFF; }
-  .kuiButton--warning:enabled:hover {
-    color: #FFF !important;
-    /* 1 */
-    background-color: #c28400; }
-  a.kuiButton--warning:not(.kuiButton-isDisabled):hover {
-    /* 1 */
-    color: #FFF !important;
-    /* 1 */
-    background-color: #c28400; }
-  .kuiButton--warning:enabled:active {
-    color: #FFF !important;
-    /* 1 */
-    background-color: #c28400; }
-  a.kuiButton--warning:not(.kuiButton-isDisabled):active {
-    /* 1 */
-    color: #FFF !important;
-    /* 1 */
-    background-color: #c28400; }
-  .kuiButton--warning:disabled {
-    background-color: #ffbb29; }
-  a.kuiButton--warning.kuiButton-isDisabled {
-    background-color: #ffbb29; }
-
-/**
- * 1. Override Bootstrap.
- * 2. Override either Bootstrap or Timelion styles.
- */
-.kuiButton--hollow {
-  color: #006BB4 !important;
-  /* 2 */
-  background-color: transparent; }
-  .kuiButton--hollow:enabled:hover {
-    color: #004d81 !important;
-    /* 1 */
-    text-decoration: underline; }
-  a.kuiButton--hollow:not(.kuiButton-isDisabled):hover {
-    /* 1 */
-    color: #004d81 !important;
-    /* 1 */
-    text-decoration: underline; }
-  .kuiButton--hollow:enabled:active {
-    color: #004d81 !important;
-    /* 1 */
-    text-decoration: underline; }
-  a.kuiButton--hollow:not(.kuiButton-isDisabled):active {
-    /* 1 */
-    color: #004d81 !important;
-    /* 1 */
-    text-decoration: underline; }
-
-.kuiButton--secondary {
-  color: #006BB4 !important;
-  /* 2 */
-  border: solid 1px #006BB4; }
-  .kuiButton--secondary:enabled:hover {
-    color: #004d81 !important;
-    /* 1 */
-    border: solid 1px #004d81;
-    background-color: rgba(0, 107, 180, 0.1);
-    text-decoration: underline; }
-  a.kuiButton--secondary:not(.kuiButton-isDisabled):hover {
-    /* 1 */
-    color: #004d81 !important;
-    /* 1 */
-    border: solid 1px #004d81;
-    background-color: rgba(0, 107, 180, 0.1);
-    text-decoration: underline; }
-  .kuiButton--secondary:enabled:active {
-    color: #004d81 !important;
-    /* 1 */
-    border: solid 1px #004d81;
-    background-color: rgba(0, 107, 180, 0.1);
-    text-decoration: underline; }
-  a.kuiButton--secondary:not(.kuiButton-isDisabled):active {
-    /* 1 */
-    color: #004d81 !important;
-    /* 1 */
-    border: solid 1px #004d81;
-    background-color: rgba(0, 107, 180, 0.1);
-    text-decoration: underline; }
-
-.kuiButtonGroup {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center; }
-  .kuiButtonGroup .kuiButton + .kuiButton {
-    margin-left: 4px; }
-
-.kuiButtonGroup--united > .kuiButton:not(:first-child):not(:last-child) {
-  border-radius: 0; }
-
-.kuiButtonGroup--united > .kuiButton:first-child {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0; }
-
-.kuiButtonGroup--united > .kuiButton:last-child {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0; }
-
-.kuiButtonGroup--united > .kuiButton:only-child {
-  border-top-right-radius: 4px;
-  border-bottom-right-radius: 4px;
-  border-top-left-radius: 4px;
-  border-bottom-left-radius: 4px; }
-
-.kuiButtonGroup--united .kuiButton + .kuiButton {
-  margin-left: 0; }
-
-.kuiButtonGroup--fullWidth {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex; }
-  .kuiButtonGroup--fullWidth > .kuiButton {
-    -webkit-box-flex: 1;
-    -webkit-flex: 1 1 auto;
-        -ms-flex: 1 1 auto;
-            flex: 1 1 auto;
-    text-align: center; }
-
-.eui-textCenter > .kuiButtonGroup,
-.text-center > .kuiButtonGroup {
-  display: inline-block; }
-
-.kuiCollapseButton {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  background-color: transparent;
-  padding: 4px;
-  border: none;
-  line-height: 1;
-  font-size: 16px;
-  color: #343741 !important;
-  /* 1 */
-  cursor: pointer;
-  opacity: 0.35; }
-  .kuiCollapseButton:hover {
-    opacity: 1; }
-
-/**
- * 1. Set inline-block so this wrapper shrinks to fit the input.
- */
-.kuiAssistedInput {
-  display: inline-block;
-  /* 1 */
-  position: relative; }
-
-/**
-   * 1. Vertically center the assistance, regardless of its height.
-   */
-.kuiAssistedInput__assistance {
-  position: absolute;
-  right: 12px;
-  top: 50%;
-  /* 1 */
-  -webkit-transform: translateY(-50%);
-          transform: translateY(-50%);
-  /* 1 */ }
-
-/**
- * 1. Deliberately disable only webkit appearance. If we disable it in Firefox, we get a really
- *    ugly default appearance which we can't customize, so our best option is to give Firefox
- *    control over the checkbox's appearance.
- * 2. Override default styles (possibly from Bootstrap).
- */
-.kuiCheckBox {
-  -webkit-appearance: none;
-  /* 1 */
-  background-color: #fbfcfd;
-  border: 1px solid rgba(15, 39, 118, 0.1);
-  border-radius: 4px;
-  width: 16px;
-  height: 16px;
-  line-height: 1.5 !important;
-  /* 2 */
-  margin: 0 !important;
-  /* 2 */
-  font: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
-  /* 2 */
-  font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
-  /* 2 */
-  font-size: 10px !important;
-  /* 2 */
-  -webkit-transition: background-color 0.1s linear;
-  transition: background-color 0.1s linear; }
-  .kuiCheckBox:before {
-    position: relative;
-    left: 0.25em;
-    font-family: FontAwesome;
-    content: "\F00C";
-    font-size: 1em;
-    opacity: 0;
-    color: #FFF;
-    -webkit-transition: opacity 0.1s linear;
-    transition: opacity 0.1s linear; }
-  .kuiCheckBox:checked {
-    border-color: #006BB4;
-    background-color: #006BB4; }
-    .kuiCheckBox:checked:before {
-      opacity: 1; }
-  .kuiCheckBox:focus {
-    z-index: 1;
-    /* 1 */
-    outline: none !important;
-    /* 2 */
-    -webkit-box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #006BB4;
-            box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #006BB4;
-    /* 3 */ }
-  .kuiCheckBox:disabled {
-    background-color: #eef2f7 !important;
-    border-color: #eef2f7 !important;
-    cursor: not-allowed !important; }
-
-.kuiCheckBoxLabel {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  font-weight: normal !important;
-  line-height: 1.5; }
-
-.kuiCheckBoxLabel__text {
-  font-size: 16px;
-  margin-left: 8px; }
-
-/**
- * 1. Override Bootstrap.
- */
-.kuiLabel {
-  font-size: 16px;
-  line-height: 1.5;
-  font-weight: bold;
-  margin-bottom: 0;
-  /* 1 */ }
-
-.kuiSearchInput {
-  width: 180px;
-  display: inline-block;
-  position: relative;
-  font-size: 16px;
-  line-height: 1.5; }
-  .kuiSearchInput.kuiSearchInput-isInvalid .kuiSearchInput__input {
-    border-color: #BD271E; }
-
-.kuiSearchInput__icon {
-  position: absolute;
-  top: 0.5em;
-  left: 0.7em;
-  font-size: 1em;
-  color: #98A2B3; }
-
-/**
-   * 1. Make space for search icon.
-   * 2. Expand to fill container.
-   */
-.kuiSearchInput__input {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  padding: 4px 12px 4px;
-  font-size: 16px;
-  font-weight: 400;
-  line-height: 1.5;
-  color: #343741;
-  background-color: #fbfcfd;
-  border: 1px solid rgba(15, 39, 118, 0.1);
-  border-radius: 4px;
-  -webkit-transition: border-color 0.1s linear;
-  transition: border-color 0.1s linear;
-  min-height: 32px;
-  /* 1 */
-  padding-left: 28px;
-  /* 1 */
-  width: 100%;
-  /* 2 */ }
-  .kuiSearchInput__input:invalid {
-    border-color: #BD271E; }
-  .kuiSearchInput__input:focus {
-    outline: none;
-    border-color: #006BB4; }
-  .kuiSearchInput__input:disabled {
-    opacity: 0.4;
-    cursor: not-allowed; }
-
-.kuiSearchInput--small {
-  width: 60px; }
-
-.kuiSearchInput--large {
-  width: 400px; }
-
-/**
- * Avoid setting a width here, so that the width of the options can dynamically set the width.
- */
-.kuiSelect {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  padding: 4px 12px 4px;
-  font-size: 16px;
-  font-weight: 400;
-  line-height: 1.5;
-  color: #343741;
-  background-color: #fbfcfd;
-  border: 1px solid rgba(15, 39, 118, 0.1);
-  border-radius: 4px;
-  -webkit-transition: border-color 0.1s linear;
-  transition: border-color 0.1s linear;
-  min-height: 32px;
-  /* 1 */
-  padding-right: 30px;
-  /* 2 */
-  background-image: url('data:image/svg+xml;utf8,<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1408 704q0 26-19 45l-448 448q-19 19-45 19t-45-19l-448-448q-19-19-19-45t19-45 45-19h896q26 0 45 19t19 45z"/></svg>');
-  /* 1 */
-  background-size: 14px;
-  background-repeat: no-repeat;
-  background-position: calc(100% - 8px);
-  /* 2 */ }
-  .kuiSelect:invalid {
-    border-color: #BD271E; }
-  .kuiSelect:focus {
-    outline: none;
-    border-color: #006BB4; }
-  .kuiSelect:disabled {
-    opacity: 0.4;
-    cursor: not-allowed; }
-  .kuiSelect:-moz-focusring {
-    text-shadow: 0 0 0;
-    /* 3 */ }
-  .kuiSelect.kuiSelect-isInvalid {
-    border-color: #BD271E; }
-  .kuiSelect:focus {
-    -webkit-box-shadow: none;
-            box-shadow: none;
-    outline: none;
-    border-color: #006BB4; }
-
-.kuiSelect--small {
-  width: 60px; }
-
-.kuiSelect--medium {
-  width: 180px; }
-
-.kuiSelect--large {
-  width: 400px; }
-
-/**
- * 1. Have the same spatial footprint as the regular input.
- */
-.kuiStaticInput {
-  width: 180px;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  padding: 4px 12px 4px;
-  font-size: 16px;
-  font-weight: 400;
-  line-height: 1.5;
-  color: #343741;
-  border: 1px solid transparent;
-  /* 1 */
-  background-color: transparent; }
-
-.kuiTextArea {
-  width: 180px;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  padding: 4px 12px 4px;
-  font-size: 16px;
-  font-weight: 400;
-  line-height: 1.5;
-  color: #343741;
-  background-color: #fbfcfd;
-  border: 1px solid rgba(15, 39, 118, 0.1);
-  border-radius: 4px;
-  -webkit-transition: border-color 0.1s linear;
-  transition: border-color 0.1s linear;
-  min-height: 32px;
-  /* 1 */ }
-  .kuiTextArea:invalid {
-    border-color: #BD271E; }
-  .kuiTextArea:focus {
-    outline: none;
-    border-color: #006BB4; }
-  .kuiTextArea:disabled {
-    opacity: 0.4;
-    cursor: not-allowed; }
-  .kuiTextArea:focus {
-    -webkit-box-shadow: none;
-            box-shadow: none;
-    outline: none;
-    border-color: #006BB4; }
-  .kuiTextArea.kuiTextArea-isInvalid {
-    border-color: #BD271E; }
-
-.kuiTextArea--nonResizable {
-  resize: none; }
-
-.kuiTextArea--small {
-  width: 60px; }
-
-.kuiTextArea--large {
-  width: 400px; }
-
-.kuiTextInput {
-  width: 180px;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  padding: 4px 12px 4px;
-  font-size: 16px;
-  font-weight: 400;
-  line-height: 1.5;
-  color: #343741;
-  background-color: #fbfcfd;
-  border: 1px solid rgba(15, 39, 118, 0.1);
-  border-radius: 4px;
-  -webkit-transition: border-color 0.1s linear;
-  transition: border-color 0.1s linear;
-  min-height: 32px;
-  /* 1 */ }
-  .kuiTextInput:invalid {
-    border-color: #BD271E; }
-  .kuiTextInput:focus {
-    outline: none;
-    border-color: #006BB4; }
-  .kuiTextInput:disabled {
-    opacity: 0.4;
-    cursor: not-allowed; }
-  .kuiTextInput.kuiTextInput-isInvalid {
-    border-color: #BD271E; }
-
-.kuiTextInput--small {
-  width: 60px; }
-
-.kuiTextInput--large {
-  width: 400px; }
-
-/**
- * 1. We may want to put elements in here which have different heights.
- */
-.kuiFieldGroup {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  /* 1 */ }
-
-.kuiFieldGroup--alignTop {
-  -webkit-box-align: start;
-  -webkit-align-items: flex-start;
-      -ms-flex-align: start;
-          align-items: flex-start; }
-
-.kuiFieldGroupSection {
-  line-height: 1.5; }
-  .kuiFieldGroupSection + .kuiFieldGroupSection {
-    margin-left: 10px; }
-
-.kuiFieldGroupSection--wide {
-  -webkit-box-flex: 1;
-  -webkit-flex: 1 1 auto;
-      -ms-flex: 1 1 auto;
-          flex: 1 1 auto; }
-  .kuiFieldGroupSection--wide > * {
-    width: 100%; }
-
-/**
- * 1. Copied from FontAwesome's .fa class. We use a custom class to make it easier to migrate away
- *    from FontAwesome someday. When we do migrate away, we can just update this definition.
- */
-.kuiIcon {
-  display: inline-block;
-  /* 1 */
-  font: normal normal normal 14px/1 FontAwesome;
-  /* 1 */
-  font-size: inherit;
-  /* 1 */
-  text-rendering: auto;
-  /* 1 */
-  -webkit-font-smoothing: antialiased;
-  /* 1 */
-  -moz-osx-font-smoothing: grayscale;
-  /* 1 */ }
-
-.kuiIcon--info {
-  color: #006BB4; }
-
-.kuiIcon--success {
-  color: #017D73; }
-
-.kuiIcon--warning {
-  color: #F5A700; }
-
-.kuiIcon--error {
-  color: #BD271E; }
-
-.kuiIcon--inactive {
-  color: #D3DAE6; }
-
-.kuiIcon--basic {
-  color: #69707D; }
-
-.kuiInfoPanel {
-  padding: 14px 20px 18px;
-  line-height: 1.5;
-  border: 2px solid; }
-
-/**
- * 1. TODO: Pick a hex value instead of making these colors translucent.
- */
-.kuiInfoPanel--info {
-  border-color: rgba(0, 107, 180, 0.25);
-  /* 1 */ }
-
-/**
- * 1. TODO: Pick a hex value instead of making these colors translucent.
- */
-.kuiInfoPanel--success {
-  border-color: rgba(1, 125, 115, 0.25);
-  /* 1 */ }
-
-/**
- * 1. TODO: Pick a hex value instead of making these colors translucent.
- */
-.kuiInfoPanel--warning {
-  border-color: rgba(245, 167, 0, 0.25);
-  /* 1 */ }
-
-/**
- * 1. TODO: Pick a hex value instead of making these colors translucent.
- */
-.kuiInfoPanel--error {
-  border-color: rgba(189, 39, 30, 0.25);
-  /* 1 */ }
-
-/**
- * 1. Align with first line of title text if it wraps.
- */
-.kuiInfoPanelHeader {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: baseline;
-  -webkit-align-items: baseline;
-      -ms-flex-align: baseline;
-          align-items: baseline;
-  /* 1 */ }
-
-.kuiInfoPanelHeader__icon {
-  margin-right: 10px;
-  font-size: 16px;
-  line-height: 1.5; }
-
-.kuiInfoPanelHeader__title {
-  font-size: 16px;
-  line-height: 1.5;
-  font-weight: 700; }
-
-.kuiInfoPanelBody {
-  margin-top: 8px; }
-  .kuiInfoPanelBody > * + * {
-    margin-top: 8px; }
-
-.kuiInfoPanelBody__message {
-  font-size: 16px;
-  line-height: 1.5; }
-
-.kuiLink {
-  color: #006BB4;
-  text-decoration: none;
-  cursor: pointer;
-  /* 1 */
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  /* 2 */
-  background-color: transparent;
-  /* 2 */
-  border: none;
-  /* 2 */
-  font-size: inherit;
-  /* 2 */
-  line-height: inherit;
-  /* 2 */ }
-  .kuiLink:visited, .kuiLink:active {
-    color: #006BB4; }
-  .kuiLink:hover {
-    color: #004d81;
-    text-decoration: underline; }
-
-/**
- * 1. Breadcrumbs are placed in the top-left corner and need to be bumped over
- *    a bit.
- */
-.kuiLocalBreadcrumbs {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  padding: 12px 8px;
-  /* 1 */
-  border-bottom: 1px solid #D3DAE6;
-  -webkit-box-flex: 1;
-  -webkit-flex-grow: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
-  -webkit-flex-basis: 100%;
-      -ms-flex-preferred-size: 100%;
-          flex-basis: 100%;
-  background-color: #FFF; }
-
-.kuiLocalBreadcrumb {
-  font-size: 14px;
-  margin: 0;
-  font-weight: normal; }
-  .kuiLocalBreadcrumb + .kuiLocalBreadcrumb {
-    margin-left: 6px; }
-    .kuiLocalBreadcrumb + .kuiLocalBreadcrumb:before {
-      content: '/';
-      -webkit-user-select: none;
-         -moz-user-select: none;
-          -ms-user-select: none;
-              user-select: none;
-      margin-right: 4px;
-      color: #D3DAE6; }
-
-/**
- * 1. Make it a bit darker to contrast with the gray background.
- */
-.kuiLocalBreadcrumb__link {
-  color: #006BB4;
-  text-decoration: none;
-  cursor: pointer;
-  /* 1 */
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  /* 2 */
-  background-color: transparent;
-  /* 2 */
-  border: none;
-  /* 2 */
-  font-size: inherit;
-  /* 2 */
-  line-height: inherit;
-  /* 2 */
-  color: #006BB4;
-  /* 1 */
-  font-size: 16px; }
-  .kuiLocalBreadcrumb__link:visited, .kuiLocalBreadcrumb__link:active {
-    color: #006BB4; }
-  .kuiLocalBreadcrumb__link:hover {
-    color: #004d81;
-    text-decoration: underline; }
-
-.kuiLocalBreadcrumb__emphasis {
-  font-weight: 700; }
-
-.kuiDatePicker {
-  background-color: transparent;
-  border-collapse: collapse;
-  border-spacing: 0;
-  line-height: 1.5; }
-
-.kuiDatePickerNavigationCell {
-  padding: 0; }
-
-.kuiDatePickerNavigation {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-  margin-bottom: 4px; }
-
-/**
- * 1. Override inherited styles.
- */
-.kuiDatePickerNavigationButton {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  background-color: transparent;
-  border: none;
-  font-size: 14px;
-  color: #343741;
-  padding: 3px 6px;
-  border-radius: 4px; }
-  .kuiDatePickerNavigationButton:hover, .kuiDatePickerNavigationButton:active {
-    cursor: pointer;
-    color: #F5F7FA;
-    background-color: #006BB4; }
-  .kuiDatePickerNavigationButton:focus {
-    z-index: 1;
-    /* 1 */
-    outline: none !important;
-    /* 2 */
-    -webkit-box-shadow: 0 0 0 1px transparent, 0 0 0 2px #006BB4;
-            box-shadow: 0 0 0 1px transparent, 0 0 0 2px #006BB4;
-    /* 3 */
-    color: #343741;
-    /* 1 */ }
-
-.kuiDatePickerHeaderCell {
-  padding: 9px 0;
-  color: #343741;
-  font-size: 14px;
-  font-weight: bold;
-  text-align: center;
-  line-height: 1.2; }
-
-.kuiDatePickerRowCell {
-  padding: 0;
-  text-align: center;
-  /**
-   * This state class exists to support weird angular-bootstrap datepicker functionality,
-   * in which you can't select a day on the "From" calendar if it falls after the selected day in
-   * the "To" calendar (and vice versa, you can't select a "To" day if it is before the "From" day).
-   */ }
-  .kuiDatePickerRowCell.kuiDatePickerRowCell-isBlocked {
-    cursor: not-allowed; }
-    .kuiDatePickerRowCell.kuiDatePickerRowCell-isBlocked .kuiDatePickerRowCellContent {
-      pointer-events: none; }
-
-/**
- * 1. Override inherited styles.
- */
-.kuiDatePickerRowCellContent {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  background-color: transparent;
-  width: 100%;
-  border: 1px solid transparent;
-  color: #343741;
-  font-size: 14px;
-  padding: 8px;
-  border-radius: 4px;
-  line-height: 1.2; }
-  .kuiDatePickerRowCellContent:focus {
-    z-index: 1;
-    /* 1 */
-    outline: none !important;
-    /* 2 */
-    -webkit-box-shadow: 0 0 0 1px transparent, 0 0 0 2px #006BB4;
-            box-shadow: 0 0 0 1px transparent, 0 0 0 2px #006BB4;
-    /* 3 */
-    color: #343741;
-    /* 1 */ }
-  .kuiDatePickerRowCellContent:disabled {
-    pointer-events: none;
-    opacity: 0.5; }
-  .kuiDatePickerRowCellContent.kuiDatePickerRowCellContent-isOtherMonth {
-    visibility: hidden;
-    pointer-events: none; }
-  .kuiDatePickerRowCellContent.kuiDatePickerRowCellContent-isCurrent {
-    color: #006BB4; }
-  .kuiDatePickerRowCellContent.kuiDatePickerRowCellContent-isSelected {
-    background-color: #69707D;
-    color: #343741; }
-  .kuiDatePickerRowCellContent:hover, .kuiDatePickerRowCellContent:active {
-    cursor: pointer;
-    color: #F5F7FA;
-    background-color: #006BB4; }
-
-.kuiLocalDropdown {
-  position: relative;
-  padding: 10px 8px 14px;
-  background-color: transparent;
-  margin-bottom: 10px;
-  line-height: 20px; }
-
-.kuiLocalDropdownCloseButton {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  background-color: transparent;
-  padding: 4px;
-  border: none;
-  line-height: 1;
-  font-size: 16px;
-  color: #343741 !important;
-  /* 1 */
-  cursor: pointer;
-  opacity: 0.35;
-  position: absolute;
-  top: 1px;
-  right: 5px; }
-  .kuiLocalDropdownCloseButton:hover {
-    opacity: 1; }
-
-.kuiLocalDropdownPanels {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex; }
-
-.kuiLocalDropdownPanel {
-  -webkit-box-flex: 1;
-  -webkit-flex: 1 1 0%;
-      -ms-flex: 1 1 0%;
-          flex: 1 1 0%; }
-
-.kuiLocalDropdownPanel--left {
-  margin-right: 30px; }
-
-.kuiLocalDropdownPanel--right {
-  margin-left: 30px; }
-
-/**
- * 1. Override inherited styles.
- */
-.kuiLocalDropdownTitle {
-  margin-top: 0;
-  /* 1 */
-  margin-bottom: 12px;
-  font-size: 18px;
-  color: #343741; }
-
-.kuiLocalDropdownSection {
-  margin-bottom: 16px; }
-  .kuiLocalDropdownSection:last-child {
-    margin-bottom: 0; }
-
-.kuiLocalDropdownHeader {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-  margin-bottom: 6px; }
-
-/**
-   * 1. Override inherited styles.
-   */
-.kuiLocalDropdownHeader__label {
-  font-size: 14px;
-  font-weight: 700;
-  margin-bottom: 0;
-  /* 1 */
-  color: #343741; }
-
-.kuiLocalDropdownHeader__actions {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex; }
-
-.kuiLocalDropdownHeader__action {
-  color: #006BB4;
-  font-size: 12px;
-  text-decoration: none;
-  cursor: pointer; }
-  .kuiLocalDropdownHeader__action + .kuiLocalDropdownHeader__action {
-    margin-left: 10px; }
-  .kuiLocalDropdownHeader__action:hover, .kuiLocalDropdownHeader__action:active {
-    color: #004d81; }
-
-.kuiLocalDropdownInput {
-  display: block;
-  width: 100%;
-  margin-bottom: 12px;
-  padding: 5px 15px;
-  font-size: 14px;
-  color: #343741;
-  background-color: #fbfcfd;
-  border: 1px solid rgba(15, 39, 118, 0.1);
-  border-radius: 4px; }
-  .kuiLocalDropdownInput:focus {
-    border-color: #006BB4; }
-
-.kuiLocalDropdownFormNote {
-  font-size: 14px;
-  color: #69707D; }
-
-.kuiLocalDropdownWarning {
-  margin-bottom: 16px;
-  padding: 6px 10px;
-  font-size: 14px;
-  color: #343741;
-  background-color: #FFF;
-  border-left: solid 2px #BD271E; }
-
-.kuiLocalDropdownHelpText {
-  margin-bottom: 16px;
-  font-size: 14px;
-  color: #69707D; }
-
-.kuiLocalMenu {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: stretch;
-  -webkit-align-items: stretch;
-      -ms-flex-align: stretch;
-          align-items: stretch;
-  padding-top: 8px;
-  padding-bottom: 8px; }
-
-.kuiLocalMenuItem {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  padding: 2px 8px;
-  font-size: 16px;
-  background-color: transparent;
-  color: #343741;
-  border: 0;
-  cursor: pointer;
-  border-bottom: solid 2px transparent; }
-  .kuiLocalMenuItem:hover, .kuiLocalMenuItem:focus {
-    background-color: rgba(0, 107, 180, 0.15);
-    text-decoration: underline; }
-  .kuiLocalMenuItem.kuiLocalMenuItem-isSelected {
-    color: #006BB4;
-    background-color: transparent;
-    border-color: #006BB4;
-    z-index: 2; }
-    .kuiLocalMenuItem.kuiLocalMenuItem-isSelected:hover, .kuiLocalMenuItem.kuiLocalMenuItem-isSelected:focus {
-      text-decoration: none; }
-  .kuiLocalMenuItem.kuiLocalMenuItem-isDisabled {
-    opacity: 0.5;
-    cursor: not-allowed; }
-    .kuiLocalMenuItem.kuiLocalMenuItem-isDisabled:hover {
-      background-color: transparent;
-      text-decoration: none; }
-
-.kuiLocalMenuItem__icon {
-  margin-right: 5px;
-  margin-bottom: -1px; }
-
-/**
- * 1. Match height of logo in side bar, but allow it to expand to accommodate
- *    dropdown.
- */
-.kuiLocalNav {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -webkit-flex-direction: column;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-  min-height: 69px;
-  /* 1 */
-  color: #343741;
-  background-color: #FFF;
-  line-height: 1.5;
-  border-bottom: solid 1px #D3DAE6; }
-
-/**
- * 1. Allow row to expand if the content is so long that it wraps.
- */
-.kuiLocalNavRow {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: stretch;
-  -webkit-align-items: stretch;
-      -ms-flex-align: stretch;
-          align-items: stretch;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-      -ms-flex-pack: justify;
-          justify-content: space-between; }
-
-.kuiLocalNavRow__section {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: stretch;
-  -webkit-align-items: stretch;
-      -ms-flex-align: stretch;
-          align-items: stretch; }
-
-/**
- * 1. We make this row flex-start because it usually contains a search input, which may expand
- *    beyond the height of this container. We can't use `align-items: center`, because this would
- *    cause the search input to overflow both on the top and bottom; `align-items: flex-start`
- *    makes it only overflow on the bottom. But this means we need to manually center the content
- *    of this container using padding.
- */
-.kuiLocalNavRow--secondary {
-  padding: 0 8px;
-  /* 1 */
-  -webkit-box-align: start;
-  -webkit-align-items: flex-start;
-      -ms-flex-align: start;
-          align-items: flex-start;
-  /* 1 */ }
-
-.kuiLocalSearch {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  width: 100%;
-  margin-bottom: 8px; }
-
-.kuiLocalSearchInput {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  padding: 4px 12px 4px;
-  font-size: 16px;
-  font-weight: 400;
-  line-height: 1.5;
-  color: #343741;
-  background-color: #fbfcfd;
-  border: 1px solid rgba(15, 39, 118, 0.1);
-  border-radius: 4px;
-  -webkit-transition: border-color 0.1s linear;
-  transition: border-color 0.1s linear;
-  min-height: 32px;
-  /* 1 */
-  -webkit-box-flex: 1;
-  -webkit-flex: 1 1 100%;
-      -ms-flex: 1 1 100%;
-          flex: 1 1 100%;
-  border-color: #FFF;
-  border-color: #D3DAE6;
-  border-radius: 4px 0 0 4px; }
-  .kuiLocalSearchInput:invalid {
-    border-color: #BD271E; }
-  .kuiLocalSearchInput:focus {
-    outline: none;
-    border-color: #006BB4; }
-  .kuiLocalSearchInput:disabled {
-    opacity: 0.4;
-    cursor: not-allowed; }
-  .kuiLocalSearchInput:focus {
-    -webkit-box-shadow: none;
-            box-shadow: none; }
-  .kuiLocalSearchInput.kuiLocalSearchInput-isInvalid {
-    border-color: #BD271E; }
-
-.kuiLocalSearchInput--secondary {
-  height: 32px;
-  -webkit-box-flex: 0;
-  -webkit-flex: 0 0 auto;
-      -ms-flex: 0 0 auto;
-          flex: 0 0 auto;
-  border-radius: 0;
-  border-left-width: 0; }
-
-.kuiLocalSearchAssistedInput {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-flex: 1;
-  -webkit-flex: 1 1 100%;
-      -ms-flex: 1 1 100%;
-          flex: 1 1 100%;
-  position: relative; }
-
-/**
- * 1. em used for right padding so documentation link and query string
- *    won't overlap if the user increases their default browser font size
- *    This is sized for the 'Options' link
- */
-.kuiLocalSearchInput,
-.kuiLocalSearchAssistedInput__input {
-  padding-right: 6em;
-  /* 1 */ }
-
-/**
-   * 1. Vertically center the assistance, regardless of its height.
-   */
-.kuiLocalSearchAssistedInput__assistance {
-  position: absolute;
-  right: 6px;
-  top: 50%;
-  /* 1 */
-  z-index: 2;
-  -webkit-transform: translateY(-50%);
-          transform: translateY(-50%);
-  /* 1 */ }
-
-.kuiLocalSearchSelect {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  padding: 4px 12px 4px;
-  font-size: 16px;
-  font-weight: 400;
-  line-height: 1.5;
-  color: #343741;
-  background-color: #fbfcfd;
-  border: 1px solid rgba(15, 39, 118, 0.1);
-  border-radius: 4px;
-  -webkit-transition: border-color 0.1s linear;
-  transition: border-color 0.1s linear;
-  min-height: 32px;
-  /* 1 */
-  padding-right: 30px;
-  /* 2 */
-  background-image: url('data:image/svg+xml;utf8,<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1408 704q0 26-19 45l-448 448q-19 19-45 19t-45-19l-448-448q-19-19-19-45t19-45 45-19h896q26 0 45 19t19 45z"/></svg>');
-  /* 1 */
-  background-size: 14px;
-  background-repeat: no-repeat;
-  background-position: calc(100% - 8px);
-  /* 2 */
-  border-left-width: 0;
-  border-radius: 0; }
-  .kuiLocalSearchSelect:invalid {
-    border-color: #BD271E; }
-  .kuiLocalSearchSelect:focus {
-    outline: none;
-    border-color: #006BB4; }
-  .kuiLocalSearchSelect:disabled {
-    opacity: 0.4;
-    cursor: not-allowed; }
-  .kuiLocalSearchSelect:-moz-focusring {
-    text-shadow: 0 0 0;
-    /* 3 */ }
-
-/**
- * 1. Override inherited styles.
- */
-.kuiLocalSearchButton {
-  width: 43px;
-  height: 32px;
-  font-size: 16px;
-  line-height: 0;
-  /* 1 */
-  color: #FFF;
-  background-color: #006BB4;
-  border: 0;
-  border-radius: 0 4px 4px 0; }
-  .kuiLocalSearchButton:focus {
-    z-index: 1;
-    /* 1 */
-    outline: none !important;
-    /* 2 */
-    -webkit-box-shadow: 0 0 0 1px #D3DAE6, 0 0 0 2px #006BB4;
-            box-shadow: 0 0 0 1px #D3DAE6, 0 0 0 2px #006BB4;
-    /* 3 */ }
-
-/**
- * 1. We want the bottom border on selected tabs to be flush with the bottom of the container.
- */
-.kuiLocalTabs {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: end;
-  -webkit-align-items: flex-end;
-      -ms-flex-align: end;
-          align-items: flex-end;
-  height: 100%; }
-
-/**
-   * 1. Override inherited typographic styles.
-   */
-.kuiLocalTab {
-  padding: 5px 0 6px 0;
-  font-size: 18px;
-  color: #343741;
-  border-bottom: 2px solid transparent;
-  text-decoration: none;
-  cursor: pointer;
-  margin-top: 0 !important;
-  /* 1 */
-  margin-bottom: 0 !important;
-  /* 1 */
-  /**
-     * 1. We may want to show a tooltip to explain why the tab is disabled, so we will just show
-     *    a regular cursor instead of setting pointer-events: none.
-     */ }
-  .kuiLocalTab:hover:not(.kuiLocalTab-isDisabled), .kuiLocalTab:active:not(.kuiLocalTab-isDisabled) {
-    color: #006BB4; }
-  .kuiLocalTab.kuiLocalTab-isSelected {
-    color: #006BB4;
-    border-bottom-color: #006BB4;
-    cursor: default; }
-  .kuiLocalTab.kuiLocalTab-isDisabled {
-    opacity: 0.5;
-    cursor: default;
-    /* 1 */ }
-  .kuiLocalTab + .kuiLocalTab {
-    margin-left: 15px; }
-
-.kuiLocalTitle {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  padding: 12px 8px;
-  font-size: 16px;
-  font-weight: bold;
-  border-bottom: 1px solid #D3DAE6;
-  -webkit-box-flex: 1;
-  -webkit-flex-grow: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
-  -webkit-flex-basis: 100%;
-      -ms-flex-preferred-size: 100%;
-          flex-basis: 100%;
-  background-color: #FFF; }
-  .kuiLocalTitle:empty {
-    padding: 0;
-    display: none; }
-
-/**
- * 1. Put 10px of space between each child.
- */
-.kuiPager {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center; }
-  .kuiPager > * + * {
-    margin-left: 10px;
-    /* 1 */ }
-
-.kuiPagerText {
-  font-size: 16px;
-  line-height: 1.5;
-  color: #69707D;
-  white-space: nowrap;
-  /* 1 */ }
-
-.kuiPanel {
-  -webkit-box-shadow: 0 2px 2px -1px rgba(152, 162, 179, 0.3), 0 1px 5px -2px rgba(152, 162, 179, 0.3);
-          box-shadow: 0 2px 2px -1px rgba(152, 162, 179, 0.3), 0 1px 5px -2px rgba(152, 162, 179, 0.3);
-  background-color: #FFF;
-  border: 1px solid #D3DAE6;
-  border-radius: 4px; }
-
-.kuiPanel--prompt {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -webkit-flex-direction: column;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  text-align: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  min-height: 300px; }
-  .kuiPanel--prompt .kuiPanelBody {
-    padding: 30px;
-    max-width: 500px; }
-
-.kuiPanel--noBorder {
-  border: none; }
-
-.kuiPanel--withToolBar {
-  border-top: none;
-  border-radius: 0; }
-
-.kuiPanel--centered {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center; }
-
-.kuiPanelHeader {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-  min-height: 30px;
-  /* 1 */
-  padding: 10px;
-  height: 50px;
-  border-bottom: 1px solid #D3DAE6; }
-  .kuiPanelHeader .kuiButton:not(a):enabled:focus {
-    z-index: 1;
-    /* 1 */
-    outline: none !important;
-    /* 2 */
-    -webkit-box-shadow: 0 0 0 1px #D3DAE6, 0 0 0 2px #006BB4;
-            box-shadow: 0 0 0 1px #D3DAE6, 0 0 0 2px #006BB4;
-    /* 3 */ }
-  a.kuiPanelHeader .kuiButton:not(.kuiButton-isDisabled):focus {
-    /* 1 */
-    z-index: 1;
-    /* 1 */
-    outline: none !important;
-    /* 2 */
-    -webkit-box-shadow: 0 0 0 1px #D3DAE6, 0 0 0 2px #006BB4;
-            box-shadow: 0 0 0 1px #D3DAE6, 0 0 0 2px #006BB4;
-    /* 3 */ }
-  .kuiPanelHeader .kuiButton--danger:not(a):enabled:focus {
-    z-index: 1;
-    /* 1 */
-    outline: none !important;
-    /* 2 */
-    -webkit-box-shadow: 0 0 0 1px #D3DAE6, 0 0 0 2px #BD271E;
-            box-shadow: 0 0 0 1px #D3DAE6, 0 0 0 2px #BD271E;
-    /* 3 */ }
-  a.kuiPanelHeader .kuiButton--danger:not(.kuiButton-isDisabled):focus {
-    /* 1 */
-    z-index: 1;
-    /* 1 */
-    outline: none !important;
-    /* 2 */
-    -webkit-box-shadow: 0 0 0 1px #D3DAE6, 0 0 0 2px #BD271E;
-            box-shadow: 0 0 0 1px #D3DAE6, 0 0 0 2px #BD271E;
-    /* 3 */ }
-  .kuiPanelHeader .kuiSelect {
-    border-color: #fbfcfd; }
-    .kuiPanelHeader .kuiSelect:not(a):enabled:focus {
-      outline: none;
-      border-color: #006BB4; }
-    a.kuiPanelHeader .kuiSelect:not(.kuiButton-isDisabled):focus {
-      /* 1 */
-      outline: none;
-      border-color: #006BB4; }
-
-/**
-   * 1. This way we can use h1, h2, etc.
-   */
-.kuiPanelHeader__title {
-  font-size: 20px;
-  line-height: 1.5;
-  margin: 0;
-  /* 1 */ }
-
-/**
- * 1. Undo what barSection mixin does.
- */
-.kuiPanelHeaderSection {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-flex: 1;
-  -webkit-flex: 1 1 auto;
-      -ms-flex: 1 1 auto;
-          flex: 1 1 auto;
-  margin-left: 25px;
-  margin-right: 25px; }
-  .kuiPanelHeaderSection:not(:first-child):not(:last-child):not(:only-child) {
-    -webkit-box-pack: center;
-    -webkit-justify-content: center;
-        -ms-flex-pack: center;
-            justify-content: center;
-    /* 3 */ }
-  .kuiPanelHeaderSection:first-child {
-    margin-left: 0; }
-  .kuiPanelHeaderSection:last-child {
-    margin-right: 0;
-    -webkit-box-flex: 0;
-    -webkit-flex: 0 1 auto;
-        -ms-flex: 0 1 auto;
-            flex: 0 1 auto;
-    /* 4 */
-    -webkit-box-pack: end;
-    -webkit-justify-content: flex-end;
-        -ms-flex-pack: end;
-            justify-content: flex-end;
-    /* 5 */ }
-  .kuiPanelHeaderSection:only-child {
-    margin-left: auto;
-    /* 2 */ }
-  .kuiPanelHeaderSection > * + * {
-    margin-left: 10px;
-    /* 1 */ }
-  .kuiPanelHeaderSection:only-child {
-    margin-left: 0;
-    /* 1 */
-    margin-right: auto;
-    /* 1 */ }
-
-.kuiPanelBody {
-  padding: 10px; }
-
-.kuiEmptyTablePrompt {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -webkit-flex-direction: column;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  padding: 30px; }
-
-.kuiEmptyTablePrompt__message {
-  font-size: 20px;
-  color: #69707D;
-  line-height: 1.5; }
-
-.kuiEmptyTablePrompt__actions {
-  margin-top: 10px; }
-
-.kuiStatusText {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-box-align: baseline;
-  -webkit-align-items: baseline;
-      -ms-flex-align: baseline;
-          align-items: baseline; }
-
-.kuiStatusText--info {
-  color: #006BB4; }
-
-.kuiStatusText--success {
-  color: #017D73; }
-
-.kuiStatusText--warning {
-  color: #F5A700; }
-
-.kuiStatusText--error {
-  color: #BD271E; }
-
-/**
- * 1. Set the image to be the same size as a font icon at 14px.
- * 2. We need to cap the height too, in case the icon was designed thin and tall.
- */
-.kuiStatusText__icon {
-  margin-right: 6px;
-  width: 1.15em;
-  /* 1 */
-  max-height: 1.15em;
-  /* 2 */ }
-
-/**
- * 1. Make seamless transition from ToolBar to Table header and contained Menu.
- * 1. Make seamless transition from Table to ToolBarFooter header.
- */
-.kuiControlledTable {
-  background: #FFF; }
-  .kuiControlledTable .kuiTable {
-    border-top: none;
-    /* 1 */ }
-  .kuiControlledTable .kuiToolBarFooter {
-    border-top: none;
-    /* 2 */ }
-  .kuiControlledTable .kuiMenu--contained {
-    border-top: none;
-    /* 1 */ }
-
-/**
- * 1. Prevent cells from expanding based on content size. This substitutes for table-layout: fixed.
- */
-/**
- * NOTE: table-layout: fixed causes a bug in IE11 and Edge (see #9929). It also prevents us from
- * specifying a column width, e.g. the checkbox column.
- */
-.kuiTable {
-  width: 100%;
-  border: 1px solid #D3DAE6;
-  border-collapse: collapse;
-  background-color: #FFF; }
-
-/**
- * 1. Allow contents of cells to determine table's width.
- */
-.kuiTable--fluid {
-  width: auto;
-  /* 1 */ }
-  .kuiTable--fluid .kuiTableHeaderCell,
-  .kuiTable--fluid .kuiTableRowCell {
-    max-width: none;
-    /* 1 */ }
-
-.kuiTableHeaderCell {
-  font-size: 16px;
-  font-weight: 400;
-  text-align: left;
-  max-width: 20px;
-  /* 1 */
-  line-height: 1.5;
-  color: #69707D; }
-
-.kuiTableHeaderCell__liner {
-  display: inline-block;
-  padding: 7px 8px 8px; }
-
-/**
- * 1. Prevent rapid clicking from selecting text.
- * 2. Remove native button element styles.
- * 3. Make buttons look and behave like table header cells.
- */
-.kuiTableHeaderCellButton {
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  /* 1 */
-  cursor: pointer;
-  width: 100%;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  /* 2 */
-  background-color: transparent;
-  /* 2 */
-  border: 0;
-  /* 2 */
-  padding: 0;
-  /* 2 */
-  color: inherit;
-  /* 3 */
-  line-height: inherit;
-  /* 3 */
-  font-size: inherit;
-  /* 3 */
-  text-align: inherit;
-  /* 3 */ }
-  .kuiTableHeaderCellButton:hover .kuiTableSortIcon {
-    display: block;
-    opacity: 1; }
-  .kuiTableHeaderCellButton .kuiTableHeaderCell__liner {
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: center;
-    -webkit-align-items: center;
-        -ms-flex-align: center;
-            align-items: center; }
-
-.kuiTableHeaderCell--alignRight {
-  text-align: right; }
-
-.kuiTableSortIcon {
-  display: none;
-  pointer-events: none;
-  margin-left: 4px; }
-  .kuiTableHeaderCellButton-isSorted .kuiTableSortIcon {
-    display: block;
-    opacity: 0.4; }
-
-.kuiTableRow:hover .kuiTableRowHoverReveal {
-  display: inline-block; }
-
-.kuiTableRowHoverReveal {
-  display: none; }
-
-.kuiTableRowCell {
-  font-size: 16px;
-  font-weight: 400;
-  text-align: left;
-  max-width: 20px;
-  /* 1 */
-  color: #343741;
-  border-top: 1px solid #D3DAE6;
-  vertical-align: middle; }
-
-/**
-   * 1. Vertically align all children.
-   * 2. The padding on this div allows the ellipsis to show if the content is truncated. If
-   *    the padding was on the cell, the ellipsis would be cropped.
-   * 3. Truncate content with an ellipsis.
-   */
-.kuiTableRowCell__liner {
-  padding: 7px 8px 8px;
-  /* 2 */
-  line-height: 1.5;
-  /* 1 */
-  overflow: hidden;
-  /* 3 */
-  text-overflow: ellipsis;
-  /* 3 */
-  white-space: nowrap;
-  /* 3 */ }
-  .kuiTableRowCell__liner > * {
-    vertical-align: middle;
-    /* 1 */ }
-
-.kuiTableRowCell--wrap .kuiTableRowCell__liner {
-  white-space: normal; }
-
-.kuiTableRowCell--overflowingContent .kuiTableRowCell__liner {
-  overflow: visible;
-  white-space: normal; }
-
-/**
- * 1. We don't want to create too strong a disconnect between the original row and the row
- *    that contains its expanded details.
- */
-.kuiTableRowCell--expanded {
-  border-top-color: #FFF;
-  /* 1 */ }
-
-.kuiTableRowCell--alignRight {
-  text-align: right; }
-  .kuiTableRowCell--alignRight .kuiTableRowCell__liner {
-    text-align: right; }
-
-/**
- * 1. Rendered width of cell with checkbox inside of it.
- * 2. Align checkbox with text in other cells.
- * 3. Show the checkbox in Edge; otherwise it gets cropped.
- */
-.kuiTableHeaderCell--checkBox,
-.kuiTableRowCell--checkBox {
-  width: 28px;
-  /* 1 */
-  line-height: 1;
-  /* 2 */ }
-  .kuiTableHeaderCell--checkBox .kuiTableRowCell__liner,
-  .kuiTableRowCell--checkBox .kuiTableRowCell__liner {
-    overflow: visible;
-    /* 3 */ }
-  .kuiTableHeaderCell--checkBox .kuiTableHeaderCell__liner,
-  .kuiTableHeaderCell--checkBox .kuiTableRowCell__liner,
-  .kuiTableRowCell--checkBox .kuiTableHeaderCell__liner,
-  .kuiTableRowCell--checkBox .kuiTableRowCell__liner {
-    padding-right: 0; }
-
-.kuiTableInfo {
-  padding: 30px;
-  font-size: 20px;
-  color: #69707D;
-  line-height: 1.5; }
-
-.kuiTabs {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  border-bottom: 1px solid #D3DAE6; }
-
-/**
- * 1. Override button styles (some of which are from Bootstrap).
- * 2. Adding a border shifts tabs right by 1px, so we need to shift them back.
- * 3. Move the tab down so that its bottom border covers the container's bottom border.
- * 4. When the tab is focused, its bottom border changes to be 1px, so we need to add 1px more
- *    of padding to make sure the text doesn't shift down.
- */
-.kuiTab {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  /* 1 */
-  cursor: pointer;
-  padding: 10px 30px;
-  font-size: 16px;
-  color: #69707D;
-  background-color: transparent;
-  /* 1 */
-  border: 1px solid #D3DAE6;
-  border-radius: 0;
-  /* 1 */
-  margin-bottom: -1px;
-  /* 3 */ }
-  .kuiTab + .kuiTab {
-    border-left: none; }
-    .kuiTab + .kuiTab:focus:not(.kuiTab-isSelected):not(:active) {
-      margin-left: -1px;
-      /* 2 */ }
-  .kuiTab:active {
-    outline: none !important;
-    /* 1 */
-    -webkit-box-shadow: none;
-            box-shadow: none;
-    /* 1 */ }
-  .kuiTab:focus {
-    outline: none;
-    /* 1 */ }
-  .kuiTab:focus:not(.kuiTab-isSelected):not(:active) {
-    z-index: 1;
-    color: #006BB4;
-    border: 1px solid #006BB4 !important; }
-  .kuiTab:hover:not(.kuiTab-isSelected) {
-    color: #004d81;
-    background-color: #F5F7FA; }
-  .kuiTab.kuiTab-isSelected {
-    cursor: default;
-    color: #343741;
-    background-color: transparent;
-    border-bottom-color: transparent; }
-
-.kuiToolBar {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-  min-height: 30px;
-  /* 1 */
-  padding: 10px;
-  height: 50px;
-  background-color: transparent;
-  border: solid 1px #D3DAE6; }
-  .kuiToolBar .kuiButton:not(a):enabled:focus {
-    z-index: 1;
-    /* 1 */
-    outline: none !important;
-    /* 2 */
-    -webkit-box-shadow: 0 0 0 1px #D3DAE6, 0 0 0 2px #006BB4;
-            box-shadow: 0 0 0 1px #D3DAE6, 0 0 0 2px #006BB4;
-    /* 3 */ }
-  a.kuiToolBar .kuiButton:not(.kuiButton-isDisabled):focus {
-    /* 1 */
-    z-index: 1;
-    /* 1 */
-    outline: none !important;
-    /* 2 */
-    -webkit-box-shadow: 0 0 0 1px #D3DAE6, 0 0 0 2px #006BB4;
-            box-shadow: 0 0 0 1px #D3DAE6, 0 0 0 2px #006BB4;
-    /* 3 */ }
-  .kuiToolBar .kuiButton--danger:not(a):enabled:focus {
-    z-index: 1;
-    /* 1 */
-    outline: none !important;
-    /* 2 */
-    -webkit-box-shadow: 0 0 0 1px #D3DAE6, 0 0 0 2px #BD271E;
-            box-shadow: 0 0 0 1px #D3DAE6, 0 0 0 2px #BD271E;
-    /* 3 */ }
-  a.kuiToolBar .kuiButton--danger:not(.kuiButton-isDisabled):focus {
-    /* 1 */
-    z-index: 1;
-    /* 1 */
-    outline: none !important;
-    /* 2 */
-    -webkit-box-shadow: 0 0 0 1px #D3DAE6, 0 0 0 2px #BD271E;
-            box-shadow: 0 0 0 1px #D3DAE6, 0 0 0 2px #BD271E;
-    /* 3 */ }
-  .kuiToolBar .kuiSelect {
-    border-color: #fbfcfd; }
-    .kuiToolBar .kuiSelect:not(a):enabled:focus {
-      outline: none;
-      border-color: #006BB4; }
-    a.kuiToolBar .kuiSelect:not(.kuiButton-isDisabled):focus {
-      /* 1 */
-      outline: none;
-      border-color: #006BB4; }
-
-.kuiToolBarSection {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-flex: 1;
-  -webkit-flex: 1 1 auto;
-      -ms-flex: 1 1 auto;
-          flex: 1 1 auto;
-  margin-left: 25px;
-  margin-right: 25px; }
-  .kuiToolBarSection:not(:first-child):not(:last-child):not(:only-child) {
-    -webkit-box-pack: center;
-    -webkit-justify-content: center;
-        -ms-flex-pack: center;
-            justify-content: center;
-    /* 3 */ }
-  .kuiToolBarSection:first-child {
-    margin-left: 0; }
-  .kuiToolBarSection:last-child {
-    margin-right: 0;
-    -webkit-box-flex: 0;
-    -webkit-flex: 0 1 auto;
-        -ms-flex: 0 1 auto;
-            flex: 0 1 auto;
-    /* 4 */
-    -webkit-box-pack: end;
-    -webkit-justify-content: flex-end;
-        -ms-flex-pack: end;
-            justify-content: flex-end;
-    /* 5 */ }
-  .kuiToolBarSection:only-child {
-    margin-left: auto;
-    /* 2 */ }
-  .kuiToolBarSection > * + * {
-    margin-left: 10px;
-    /* 1 */ }
-
-/**
- * 1. Override Bar styles and put Search on the left side.
- */
-.kuiToolBar--searchOnly .kuiToolBarSearch {
-  margin-left: 0 !important;
-  /* 1 */ }
-
-.kuiToolBarFooter {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-  min-height: 30px;
-  /* 1 */
-  padding: 10px;
-  height: 40px;
-  background-color: #FFF; }
-
-.kuiToolBarFooterSection {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-flex: 1;
-  -webkit-flex: 1 1 auto;
-      -ms-flex: 1 1 auto;
-          flex: 1 1 auto;
-  margin-left: 25px;
-  margin-right: 25px; }
-  .kuiToolBarFooterSection:not(:first-child):not(:last-child):not(:only-child) {
-    -webkit-box-pack: center;
-    -webkit-justify-content: center;
-        -ms-flex-pack: center;
-            justify-content: center;
-    /* 3 */ }
-  .kuiToolBarFooterSection:first-child {
-    margin-left: 0; }
-  .kuiToolBarFooterSection:last-child {
-    margin-right: 0;
-    -webkit-box-flex: 0;
-    -webkit-flex: 0 1 auto;
-        -ms-flex: 0 1 auto;
-            flex: 0 1 auto;
-    /* 4 */
-    -webkit-box-pack: end;
-    -webkit-justify-content: flex-end;
-        -ms-flex-pack: end;
-            justify-content: flex-end;
-    /* 5 */ }
-  .kuiToolBarFooterSection:only-child {
-    margin-left: auto;
-    /* 2 */ }
-  .kuiToolBarFooterSection > * + * {
-    margin-left: 10px;
-    /* 1 */ }
-
-/**
- * 1. Put 10px of space between each child.
- * 2. Fix IE11 bug which causes this item to grow too wide when there is only a single
- *    kuiToolBarSection sibling.
- */
-.kuiToolBarSearch {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  margin-left: 25px;
-  margin-right: 25px;
-  -webkit-box-flex: 1;
-  -webkit-flex: 1 1 auto;
-      -ms-flex: 1 1 auto;
-          flex: 1 1 auto;
-  max-width: 100%;
-  /* 2 */
-  line-height: 1.5; }
-  .kuiToolBarSearch:first-child {
-    margin-left: 0; }
-  .kuiToolBarSearch:last-child {
-    margin-right: 0; }
-  .kuiToolBarSearch > * + * {
-    margin-left: 10px;
-    /* 1 */ }
-
-.kuiToolBarSearchBox {
-  -webkit-box-flex: 1;
-  -webkit-flex: 1 1 auto;
-      -ms-flex: 1 1 auto;
-          flex: 1 1 auto;
-  position: relative;
-  font-size: 16px;
-  max-width: 800px; }
-
-.kuiToolBarSearchBox__icon {
-  position: absolute;
-  top: 0.5em;
-  left: 0.7em;
-  font-size: 1em;
-  color: #ACACAC; }
-
-/**
-   * 1. Fix inherited styles (possibly from Bootstrap).
-   */
-.kuiToolBarSearchBox__input {
-  width: 100%;
-  min-width: 200px;
-  padding: 4px 12px 5px 28px;
-  font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  /* 1 */
-  background-color: #FFF;
-  color: #343741;
-  border-radius: 4px;
-  font-size: 1em;
-  border: 1px solid #D3DAE6;
-  line-height: normal;
-  /* 1 */
-  -webkit-transition: border-color 0.1s linear;
-  transition: border-color 0.1s linear; }
-  .kuiToolBarSearchBox__input:focus {
-    outline: none;
-    border-color: #006BB4; }
-
-/*
- * 1. We don't want the text to take up two lines and overflow the ToolBar.
- */
-.kuiToolBarText {
-  font-size: 16px;
-  line-height: 1.5;
-  color: #69707D;
-  white-space: nowrap;
-  /* 1 */ }
-
-/**
- * 1. Override h1.
- */
-.kuiTitle {
-  margin: 0;
-  /* 1 */
-  font-weight: 400;
-  /* 1 */
-  font-size: 24px; }
-
-/**
- * 1. Override h2, h3, etc.
- */
-.kuiSubTitle {
-  margin: 0;
-  /* 1 */
-  font-weight: 400;
-  /* 1 */
-  font-size: 20px; }
-
-/**
- * 1. Override p.
- */
-.kuiTextTitle {
-  margin: 0;
-  /* 1 */
-  font-weight: 700;
-  /* 1 */
-  line-height: 1.5;
-  font-size: 16px; }
-
-/**
- * 1. Override p.
- */
-.kuiText {
-  margin: 0;
-  /* 1 */
-  font-weight: 400;
-  /* 1 */
-  line-height: 1.5;
-  font-size: 16px; }
-
-.kuiSubText {
-  margin: 0;
-  /* 1 */
-  font-weight: 400;
-  /* 1 */
-  line-height: 1.5;
-  font-size: 14px; }
-
-.kuiSubduedText {
-  color: #69707D !important; }
-
-.kuiVerticalRhythm + .kuiVerticalRhythm {
-  margin-top: 16px; }
-
-.kuiVerticalRhythmSmall + .kuiVerticalRhythmSmall {
-  margin-top: 8px; }
-
-.kuiVerticalRhythmLarge + .kuiVerticalRhythmLarge {
-  margin-top: 24px; }
-
-.kuiVerticalRhythmXLarge + .kuiVerticalRhythmXLarge {
-  margin-top: 32px; }
-
-.kuiView {
-  background-color: #FFF;
-  -webkit-box-flex: 1;
-  -webkit-flex: 1 1 auto;
-      -ms-flex: 1 1 auto;
-          flex: 1 1 auto; }
-
-.kuiViewContent {
-  padding-top: 20px;
-  padding-bottom: 20px;
-  width: 100%; }
-
-.kuiViewContent--constrainedWidth {
-  width: 100%;
-  max-width: 1100px;
-  margin-left: auto;
-  margin-right: auto; }
-
-.kuiViewContentItem {
-  padding-left: 20px;
-  padding-right: 20px; }
diff --git a/packages/kbn-ui-framework/dist/kui_light.min.css b/packages/kbn-ui-framework/dist/kui_light.min.css
deleted file mode 100644
index ab63567db2212..0000000000000
--- a/packages/kbn-ui-framework/dist/kui_light.min.css
+++ /dev/null
@@ -1 +0,0 @@
-main{display:block}.kuiBar{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;min-height:30px}.kuiBar,.kuiBarSection{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.kuiBarSection{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;margin-left:25px;margin-right:25px}.kuiBarSection:not(:first-child):not(:last-child):not(:only-child){-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.kuiBarSection:first-child{margin-left:0}.kuiBarSection:last-child{-webkit-box-flex:0;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-justify-content:flex-end;justify-content:flex-end;margin-right:0}.kuiBarSection:only-child{margin-left:auto}.kuiBarSection>*+*{margin-left:10px}.kuiButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:4px;cursor:pointer;display:inline-block;font-size:16px;font-weight:400;height:30px;line-height:1.5;padding:4px 12px 5px;text-decoration:none}.kuiButton:disabled,a.kuiButton.kuiButton-isDisabled{cursor:not-allowed;opacity:.5}.kuiButton:enabled:active,a.kuiButton:not(.kuiButton-isDisabled):active{-webkit-transform:translateY(1px);transform:translateY(1px)}.kuiButton__inner{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.kuiButton--small{font-size:12px;height:22px;padding:2px 8px 3px}.kuiButton--fullWidth{text-align:center;width:100%}.kuiButton--iconText .kuiButton__icon:first-child:not(:only-child){margin-right:8px}.kuiButton--iconText .kuiButton__icon:last-child:not(:only-child){margin-left:8px}.kuiButton--iconText.kuiButton--small .kuiButton__icon:first-child:not(:only-child){margin-right:4px}.kuiButton--iconText.kuiButton--small .kuiButton__icon:last-child:not(:only-child){margin-left:4px}.kuiButton--basic{background-color:#f5f7fa;color:#343741}.kuiButton--basic:not(a):enabled:focus,a.kuiButton--basic:not(.kuiButton-isDisabled):focus{color:#343741}.kuiButton--basic:enabled:active,.kuiButton--basic:enabled:hover,a.kuiButton--basic:not(.kuiButton-isDisabled):active,a.kuiButton--basic:not(.kuiButton-isDisabled):hover{background-color:#d3dce9!important}.kuiButton--primary{background-color:#006bb4;color:#fff}.kuiButton--primary:not(a):enabled:focus,a.kuiButton--primary:not(.kuiButton-isDisabled):focus{color:#fff}.kuiButton--primary:enabled:active,.kuiButton--primary:enabled:hover,a.kuiButton--primary:not(.kuiButton-isDisabled):active,a.kuiButton--primary:not(.kuiButton-isDisabled):hover{background-color:#004d81;color:#fff!important}.kuiButton--success{background-color:#017d73;color:#fff}.kuiButton--success:not(a):enabled:focus,a.kuiButton--success:not(.kuiButton-isDisabled):focus{color:#fff}.kuiButton--success:enabled:active,.kuiButton--success:enabled:hover,a.kuiButton--success:not(.kuiButton-isDisabled):active,a.kuiButton--success:not(.kuiButton-isDisabled):hover{background-color:#014a44;color:#fff!important}.kuiButton--danger{border:1px solid #bd271e;color:#bd271e}.kuiButton--danger:not(a):enabled:focus,a.kuiButton--danger:not(.kuiButton-isDisabled):focus{-webkit-box-shadow:0 0 0 1px #fff,0 0 0 2px #bd271e;box-shadow:0 0 0 1px #fff,0 0 0 2px #bd271e;color:#bd271e;outline:none!important;z-index:1}.kuiButton--danger:enabled:active,.kuiButton--danger:enabled:hover,a.kuiButton--danger:not(.kuiButton-isDisabled):active,a.kuiButton--danger:not(.kuiButton-isDisabled):hover{background-color:#bd271e1a;border:1px solid #911e17;color:#911e17!important}.kuiButton--warning{background-color:#f5a700;color:#fff}.kuiButton--warning:not(a):enabled:focus,a.kuiButton--warning:not(.kuiButton-isDisabled):focus{-webkit-box-shadow:0 0 0 1px #fff,0 0 0 2px #f5a700;box-shadow:0 0 0 1px #fff,0 0 0 2px #f5a700;color:#fff;outline:none!important;z-index:1}.kuiButton--warning:enabled:active,.kuiButton--warning:enabled:hover,a.kuiButton--warning:not(.kuiButton-isDisabled):active,a.kuiButton--warning:not(.kuiButton-isDisabled):hover{background-color:#c28400;color:#fff!important}.kuiButton--warning:disabled,a.kuiButton--warning.kuiButton-isDisabled{background-color:#ffbb29}.kuiButton--hollow{background-color:initial;color:#006bb4!important}.kuiButton--hollow:enabled:active,.kuiButton--hollow:enabled:hover,a.kuiButton--hollow:not(.kuiButton-isDisabled):active,a.kuiButton--hollow:not(.kuiButton-isDisabled):hover{color:#004d81!important;text-decoration:underline}.kuiButton--secondary{border:1px solid #006bb4;color:#006bb4!important}.kuiButton--secondary:enabled:active,.kuiButton--secondary:enabled:hover,a.kuiButton--secondary:not(.kuiButton-isDisabled):active,a.kuiButton--secondary:not(.kuiButton-isDisabled):hover{background-color:#006bb41a;border:1px solid #004d81;color:#004d81!important;text-decoration:underline}.kuiButtonGroup{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.kuiButtonGroup .kuiButton+.kuiButton{margin-left:4px}.kuiButtonGroup--united>.kuiButton:not(:first-child):not(:last-child){border-radius:0}.kuiButtonGroup--united>.kuiButton:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.kuiButtonGroup--united>.kuiButton:last-child{border-bottom-left-radius:0;border-top-left-radius:0}.kuiButtonGroup--united>.kuiButton:only-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px}.kuiButtonGroup--united .kuiButton+.kuiButton{margin-left:0}.kuiButtonGroup--fullWidth{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.kuiButtonGroup--fullWidth>.kuiButton{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.eui-textCenter>.kuiButtonGroup,.text-center>.kuiButtonGroup{display:inline-block}.kuiCollapseButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:initial;border:none;color:#343741!important;cursor:pointer;font-size:16px;line-height:1;opacity:.35;padding:4px}.kuiCollapseButton:hover{opacity:1}.kuiAssistedInput{display:inline-block;position:relative}.kuiAssistedInput__assistance{position:absolute;right:12px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.kuiCheckBox{-webkit-appearance:none;background-color:#fbfcfd;border:1px solid #0f27761a;border-radius:4px;font:Inter UI,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol!important;font-family:Inter UI,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol!important;font-size:10px!important;height:16px;line-height:1.5!important;margin:0!important;-webkit-transition:background-color .1s linear;transition:background-color .1s linear;width:16px}.kuiCheckBox:before{color:#fff;content:"\F00C";font-family:FontAwesome;font-size:1em;left:.25em;opacity:0;position:relative;-webkit-transition:opacity .1s linear;transition:opacity .1s linear}.kuiCheckBox:checked{background-color:#006bb4;border-color:#006bb4}.kuiCheckBox:checked:before{opacity:1}.kuiCheckBox:focus{-webkit-box-shadow:0 0 0 1px #fff,0 0 0 2px #006bb4;box-shadow:0 0 0 1px #fff,0 0 0 2px #006bb4;outline:none!important;z-index:1}.kuiCheckBox:disabled{background-color:#eef2f7!important;border-color:#eef2f7!important;cursor:not-allowed!important}.kuiCheckBoxLabel{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-weight:400!important;line-height:1.5}.kuiCheckBoxLabel__text{font-size:16px;margin-left:8px}.kuiLabel{font-weight:700;margin-bottom:0}.kuiLabel,.kuiSearchInput{font-size:16px;line-height:1.5}.kuiSearchInput{display:inline-block;position:relative;width:180px}.kuiSearchInput.kuiSearchInput-isInvalid .kuiSearchInput__input{border-color:#bd271e}.kuiSearchInput__icon{color:#98a2b3;font-size:1em;left:.7em;position:absolute;top:.5em}.kuiSearchInput__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fbfcfd;border:1px solid #0f27761a;border-radius:4px;color:#343741;font-family:Inter UI,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:16px;font-weight:400;line-height:1.5;min-height:32px;padding:4px 12px 4px 28px;-webkit-transition:border-color .1s linear;transition:border-color .1s linear;width:100%}.kuiSearchInput__input:invalid{border-color:#bd271e}.kuiSearchInput__input:focus{border-color:#006bb4;outline:none}.kuiSearchInput__input:disabled{cursor:not-allowed;opacity:.4}.kuiSearchInput--small{width:60px}.kuiSearchInput--large{width:400px}.kuiSelect{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fbfcfd;background-image:url('data:image/svg+xml;utf8,<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1408 704q0 26-19 45l-448 448q-19 19-45 19t-45-19l-448-448q-19-19-19-45t19-45 45-19h896q26 0 45 19t19 45z"/></svg>');background-position:calc(100% - 8px);background-repeat:no-repeat;background-size:14px;border:1px solid #0f27761a;border-radius:4px;color:#343741;font-family:Inter UI,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:16px;font-weight:400;line-height:1.5;min-height:32px;padding:4px 30px 4px 12px;-webkit-transition:border-color .1s linear;transition:border-color .1s linear}.kuiSelect:invalid{border-color:#bd271e}.kuiSelect:disabled{cursor:not-allowed;opacity:.4}.kuiSelect:-moz-focusring{text-shadow:0 0 0}.kuiSelect.kuiSelect-isInvalid{border-color:#bd271e}.kuiSelect:focus{border-color:#006bb4;-webkit-box-shadow:none;box-shadow:none;outline:none}.kuiSelect--small{width:60px}.kuiSelect--medium{width:180px}.kuiSelect--large{width:400px}.kuiStaticInput{background-color:initial;border:1px solid #0000}.kuiStaticInput,.kuiTextArea{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#343741;font-family:Inter UI,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:16px;font-weight:400;line-height:1.5;padding:4px 12px;width:180px}.kuiTextArea{background-color:#fbfcfd;border:1px solid #0f27761a;border-radius:4px;min-height:32px;-webkit-transition:border-color .1s linear;transition:border-color .1s linear}.kuiTextArea:invalid{border-color:#bd271e}.kuiTextArea:disabled{cursor:not-allowed;opacity:.4}.kuiTextArea:focus{border-color:#006bb4;-webkit-box-shadow:none;box-shadow:none;outline:none}.kuiTextArea.kuiTextArea-isInvalid{border-color:#bd271e}.kuiTextArea--nonResizable{resize:none}.kuiTextArea--small{width:60px}.kuiTextArea--large{width:400px}.kuiTextInput{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fbfcfd;border:1px solid #0f27761a;border-radius:4px;color:#343741;font-family:Inter UI,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:16px;font-weight:400;line-height:1.5;min-height:32px;padding:4px 12px;-webkit-transition:border-color .1s linear;transition:border-color .1s linear;width:180px}.kuiTextInput:invalid{border-color:#bd271e}.kuiTextInput:focus{border-color:#006bb4;outline:none}.kuiTextInput:disabled{cursor:not-allowed;opacity:.4}.kuiTextInput.kuiTextInput-isInvalid{border-color:#bd271e}.kuiTextInput--small{width:60px}.kuiTextInput--large{width:400px}.kuiFieldGroup{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.kuiFieldGroup--alignTop{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.kuiFieldGroupSection{line-height:1.5}.kuiFieldGroupSection+.kuiFieldGroupSection{margin-left:10px}.kuiFieldGroupSection--wide{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.kuiFieldGroupSection--wide>*{width:100%}.kuiIcon{text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit}.kuiIcon--info{color:#006bb4}.kuiIcon--success{color:#017d73}.kuiIcon--warning{color:#f5a700}.kuiIcon--error{color:#bd271e}.kuiIcon--inactive{color:#d3dae6}.kuiIcon--basic{color:#69707d}.kuiInfoPanel{border:2px solid;line-height:1.5;padding:14px 20px 18px}.kuiInfoPanel--info{border-color:#006bb440}.kuiInfoPanel--success{border-color:#017d7340}.kuiInfoPanel--warning{border-color:#f5a70040}.kuiInfoPanel--error{border-color:#bd271e40}.kuiInfoPanelHeader{-webkit-box-align:baseline;-ms-flex-align:baseline;-webkit-align-items:baseline;align-items:baseline;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.kuiInfoPanelHeader__icon{font-size:16px;line-height:1.5;margin-right:10px}.kuiInfoPanelHeader__title{font-size:16px;font-weight:700;line-height:1.5}.kuiInfoPanelBody,.kuiInfoPanelBody>*+*{margin-top:8px}.kuiInfoPanelBody__message{font-size:16px;line-height:1.5}.kuiLink{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:initial;border:none;cursor:pointer;font-size:inherit;line-height:inherit;text-decoration:none}.kuiLink,.kuiLink:active,.kuiLink:visited{color:#006bb4}.kuiLink:hover{color:#004d81;text-decoration:underline}.kuiLocalBreadcrumbs{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:1;-ms-flex-positive:1;-ms-flex-preferred-size:100%;-webkit-align-items:center;align-items:center;background-color:#fff;border-bottom:1px solid #d3dae6;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-basis:100%;flex-basis:100%;-webkit-flex-grow:1;flex-grow:1;padding:12px 8px}.kuiLocalBreadcrumb{font-size:14px;font-weight:400;margin:0}.kuiLocalBreadcrumb+.kuiLocalBreadcrumb{margin-left:6px}.kuiLocalBreadcrumb+.kuiLocalBreadcrumb:before{color:#d3dae6;content:"/";margin-right:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.kuiLocalBreadcrumb__link{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:initial;border:none;color:#006bb4;cursor:pointer;font-size:inherit;font-size:16px;line-height:inherit;text-decoration:none}.kuiLocalBreadcrumb__link:active,.kuiLocalBreadcrumb__link:visited{color:#006bb4}.kuiLocalBreadcrumb__link:hover{color:#004d81;text-decoration:underline}.kuiLocalBreadcrumb__emphasis{font-weight:700}.kuiDatePicker{background-color:initial;border-collapse:collapse;border-spacing:0;line-height:1.5}.kuiDatePickerNavigationCell{padding:0}.kuiDatePickerNavigation{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:4px}.kuiDatePickerNavigationButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:initial;border:none;border-radius:4px;color:#343741;font-size:14px;padding:3px 6px}.kuiDatePickerNavigationButton:active,.kuiDatePickerNavigationButton:hover{background-color:#006bb4;color:#f5f7fa;cursor:pointer}.kuiDatePickerNavigationButton:focus{-webkit-box-shadow:0 0 0 1px #0000,0 0 0 2px #006bb4;box-shadow:0 0 0 1px #0000,0 0 0 2px #006bb4;color:#343741;outline:none!important;z-index:1}.kuiDatePickerHeaderCell{color:#343741;font-size:14px;font-weight:700;line-height:1.2;padding:9px 0;text-align:center}.kuiDatePickerRowCell{padding:0;text-align:center}.kuiDatePickerRowCell.kuiDatePickerRowCell-isBlocked{cursor:not-allowed}.kuiDatePickerRowCell.kuiDatePickerRowCell-isBlocked .kuiDatePickerRowCellContent{pointer-events:none}.kuiDatePickerRowCellContent{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:initial;border:1px solid #0000;border-radius:4px;color:#343741;font-size:14px;line-height:1.2;padding:8px;width:100%}.kuiDatePickerRowCellContent:focus{-webkit-box-shadow:0 0 0 1px #0000,0 0 0 2px #006bb4;box-shadow:0 0 0 1px #0000,0 0 0 2px #006bb4;color:#343741;outline:none!important;z-index:1}.kuiDatePickerRowCellContent:disabled{opacity:.5;pointer-events:none}.kuiDatePickerRowCellContent.kuiDatePickerRowCellContent-isOtherMonth{pointer-events:none;visibility:hidden}.kuiDatePickerRowCellContent.kuiDatePickerRowCellContent-isCurrent{color:#006bb4}.kuiDatePickerRowCellContent.kuiDatePickerRowCellContent-isSelected{background-color:#69707d;color:#343741}.kuiDatePickerRowCellContent:active,.kuiDatePickerRowCellContent:hover{background-color:#006bb4;color:#f5f7fa;cursor:pointer}.kuiLocalDropdown{background-color:initial;line-height:20px;margin-bottom:10px;padding:10px 8px 14px;position:relative}.kuiLocalDropdownCloseButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:initial;border:none;color:#343741!important;cursor:pointer;font-size:16px;line-height:1;opacity:.35;padding:4px;position:absolute;right:5px;top:1px}.kuiLocalDropdownCloseButton:hover{opacity:1}.kuiLocalDropdownPanels{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.kuiLocalDropdownPanel{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%}.kuiLocalDropdownPanel--left{margin-right:30px}.kuiLocalDropdownPanel--right{margin-left:30px}.kuiLocalDropdownTitle{color:#343741;font-size:18px;margin-bottom:12px;margin-top:0}.kuiLocalDropdownSection{margin-bottom:16px}.kuiLocalDropdownSection:last-child{margin-bottom:0}.kuiLocalDropdownHeader{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:6px}.kuiLocalDropdownHeader__label{color:#343741;font-size:14px;font-weight:700;margin-bottom:0}.kuiLocalDropdownHeader__actions{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.kuiLocalDropdownHeader__action{color:#006bb4;cursor:pointer;font-size:12px;text-decoration:none}.kuiLocalDropdownHeader__action+.kuiLocalDropdownHeader__action{margin-left:10px}.kuiLocalDropdownHeader__action:active,.kuiLocalDropdownHeader__action:hover{color:#004d81}.kuiLocalDropdownInput{background-color:#fbfcfd;border:1px solid #0f27761a;border-radius:4px;color:#343741;display:block;font-size:14px;margin-bottom:12px;padding:5px 15px;width:100%}.kuiLocalDropdownInput:focus{border-color:#006bb4}.kuiLocalDropdownFormNote{color:#69707d;font-size:14px}.kuiLocalDropdownWarning{background-color:#fff;border-left:2px solid #bd271e;color:#343741;font-size:14px;margin-bottom:16px;padding:6px 10px}.kuiLocalDropdownHelpText{color:#69707d;font-size:14px;margin-bottom:16px}.kuiLocalMenu{-webkit-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch;padding-bottom:8px;padding-top:8px}.kuiLocalMenu,.kuiLocalMenuItem{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.kuiLocalMenuItem{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-color:initial;border:0;border-bottom:2px solid #0000;color:#343741;cursor:pointer;font-size:16px;padding:2px 8px}.kuiLocalMenuItem:focus,.kuiLocalMenuItem:hover{background-color:#006bb426;text-decoration:underline}.kuiLocalMenuItem.kuiLocalMenuItem-isSelected{background-color:initial;border-color:#006bb4;color:#006bb4;z-index:2}.kuiLocalMenuItem.kuiLocalMenuItem-isSelected:focus,.kuiLocalMenuItem.kuiLocalMenuItem-isSelected:hover{text-decoration:none}.kuiLocalMenuItem.kuiLocalMenuItem-isDisabled{cursor:not-allowed;opacity:.5}.kuiLocalMenuItem.kuiLocalMenuItem-isDisabled:hover{background-color:initial;text-decoration:none}.kuiLocalMenuItem__icon{margin-bottom:-1px;margin-right:5px}.kuiLocalNav{-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:#fff;border-bottom:1px solid #d3dae6;color:#343741;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;line-height:1.5;min-height:69px}.kuiLocalNav,.kuiLocalNavRow{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.kuiLocalNavRow,.kuiLocalNavRow__section{-webkit-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}.kuiLocalNavRow__section{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.kuiLocalNavRow--secondary{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;padding:0 8px}.kuiLocalSearch{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:8px;width:100%}.kuiLocalSearchInput{-webkit-box-flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fbfcfd;border:1px solid #d3dae6;border-radius:4px;border-radius:4px 0 0 4px;color:#343741;-webkit-flex:1 1 100%;-ms-flex:1 1 100%;flex:1 1 100%;font-family:Inter UI,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:16px;font-weight:400;line-height:1.5;min-height:32px;padding:4px 12px;-webkit-transition:border-color .1s linear;transition:border-color .1s linear}.kuiLocalSearchInput:invalid{border-color:#bd271e}.kuiLocalSearchInput:focus{border-color:#006bb4;outline:none}.kuiLocalSearchInput:disabled{cursor:not-allowed;opacity:.4}.kuiLocalSearchInput:focus{-webkit-box-shadow:none;box-shadow:none}.kuiLocalSearchInput.kuiLocalSearchInput-isInvalid{border-color:#bd271e}.kuiLocalSearchInput--secondary{-webkit-box-flex:0;border-left-width:0;border-radius:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;height:32px}.kuiLocalSearchAssistedInput{-webkit-box-flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1 1 100%;-ms-flex:1 1 100%;flex:1 1 100%;position:relative}.kuiLocalSearchAssistedInput__input,.kuiLocalSearchInput{padding-right:6em}.kuiLocalSearchAssistedInput__assistance{position:absolute;right:6px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2}.kuiLocalSearchSelect{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fbfcfd;background-image:url('data:image/svg+xml;utf8,<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1408 704q0 26-19 45l-448 448q-19 19-45 19t-45-19l-448-448q-19-19-19-45t19-45 45-19h896q26 0 45 19t19 45z"/></svg>');background-position:calc(100% - 8px);background-repeat:no-repeat;background-size:14px;border:1px solid #0f27761a;border-left-width:0;border-radius:4px;border-radius:0;color:#343741;font-family:Inter UI,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:16px;font-weight:400;line-height:1.5;min-height:32px;padding:4px 30px 4px 12px;-webkit-transition:border-color .1s linear;transition:border-color .1s linear}.kuiLocalSearchSelect:invalid{border-color:#bd271e}.kuiLocalSearchSelect:focus{border-color:#006bb4;outline:none}.kuiLocalSearchSelect:disabled{cursor:not-allowed;opacity:.4}.kuiLocalSearchSelect:-moz-focusring{text-shadow:0 0 0}.kuiLocalSearchButton{background-color:#006bb4;border:0;border-radius:0 4px 4px 0;color:#fff;font-size:16px;height:32px;line-height:0;width:43px}.kuiLocalSearchButton:focus{-webkit-box-shadow:0 0 0 1px #d3dae6,0 0 0 2px #006bb4;box-shadow:0 0 0 1px #d3dae6,0 0 0 2px #006bb4;outline:none!important;z-index:1}.kuiLocalTabs{-webkit-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%}.kuiLocalTab{border-bottom:2px solid #0000;color:#343741;cursor:pointer;font-size:18px;margin-bottom:0!important;margin-top:0!important;padding:5px 0 6px;text-decoration:none}.kuiLocalTab:active:not(.kuiLocalTab-isDisabled),.kuiLocalTab:hover:not(.kuiLocalTab-isDisabled){color:#006bb4}.kuiLocalTab.kuiLocalTab-isSelected{border-bottom-color:#006bb4;color:#006bb4;cursor:default}.kuiLocalTab.kuiLocalTab-isDisabled{cursor:default;opacity:.5}.kuiLocalTab+.kuiLocalTab{margin-left:15px}.kuiLocalTitle{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:1;-ms-flex-positive:1;-ms-flex-preferred-size:100%;-webkit-align-items:center;align-items:center;background-color:#fff;border-bottom:1px solid #d3dae6;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-basis:100%;flex-basis:100%;-webkit-flex-grow:1;flex-grow:1;font-size:16px;font-weight:700;padding:12px 8px}.kuiLocalTitle:empty{display:none;padding:0}.kuiPager{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.kuiPager>*+*{margin-left:10px}.kuiPagerText{color:#69707d;font-size:16px;line-height:1.5;white-space:nowrap}.kuiPanel{background-color:#fff;border:1px solid #d3dae6;border-radius:4px;-webkit-box-shadow:0 2px 2px -1px #98a2b34d,0 1px 5px -2px #98a2b34d;box-shadow:0 2px 2px -1px #98a2b34d,0 1px 5px -2px #98a2b34d}.kuiPanel--prompt{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;min-height:300px;text-align:center}.kuiPanel--prompt .kuiPanelBody{max-width:500px;padding:30px}.kuiPanel--noBorder{border:none}.kuiPanel--withToolBar{border-radius:0;border-top:none}.kuiPanel--centered{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.kuiPanel--centered,.kuiPanelHeader{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.kuiPanelHeader{-webkit-box-pack:justify;-ms-flex-pack:justify;border-bottom:1px solid #d3dae6;height:50px;-webkit-justify-content:space-between;justify-content:space-between;min-height:30px;padding:10px}.kuiPanelHeader .kuiButton:not(a):enabled:focus,a.kuiPanelHeader .kuiButton:not(.kuiButton-isDisabled):focus{-webkit-box-shadow:0 0 0 1px #d3dae6,0 0 0 2px #006bb4;box-shadow:0 0 0 1px #d3dae6,0 0 0 2px #006bb4;outline:none!important;z-index:1}.kuiPanelHeader .kuiButton--danger:not(a):enabled:focus,a.kuiPanelHeader .kuiButton--danger:not(.kuiButton-isDisabled):focus{-webkit-box-shadow:0 0 0 1px #d3dae6,0 0 0 2px #bd271e;box-shadow:0 0 0 1px #d3dae6,0 0 0 2px #bd271e;outline:none!important;z-index:1}.kuiPanelHeader .kuiSelect{border-color:#fbfcfd}.kuiPanelHeader .kuiSelect:not(a):enabled:focus,a.kuiPanelHeader .kuiSelect:not(.kuiButton-isDisabled):focus{border-color:#006bb4;outline:none}.kuiPanelHeader__title{font-size:20px;line-height:1.5;margin:0}.kuiPanelHeaderSection{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:1;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;margin-left:25px;margin-right:25px}.kuiPanelHeaderSection:not(:first-child):not(:last-child):not(:only-child){-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.kuiPanelHeaderSection:first-child{margin-left:0}.kuiPanelHeaderSection:last-child{-webkit-box-flex:0;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-justify-content:flex-end;justify-content:flex-end;margin-right:0}.kuiPanelHeaderSection:only-child{margin-left:auto}.kuiPanelHeaderSection>*+*{margin-left:10px}.kuiPanelHeaderSection:only-child{margin-left:0;margin-right:auto}.kuiPanelBody{padding:10px}.kuiEmptyTablePrompt{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:30px}.kuiEmptyTablePrompt__message{color:#69707d;font-size:20px;line-height:1.5}.kuiEmptyTablePrompt__actions{margin-top:10px}.kuiStatusText{-webkit-box-align:baseline;-ms-flex-align:baseline;-webkit-align-items:baseline;align-items:baseline;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex}.kuiStatusText--info{color:#006bb4}.kuiStatusText--success{color:#017d73}.kuiStatusText--warning{color:#f5a700}.kuiStatusText--error{color:#bd271e}.kuiStatusText__icon{margin-right:6px;max-height:1.15em;width:1.15em}.kuiControlledTable{background:#fff}.kuiControlledTable .kuiMenu--contained,.kuiControlledTable .kuiTable,.kuiControlledTable .kuiToolBarFooter{border-top:none}.kuiTable{background-color:#fff;border:1px solid #d3dae6;border-collapse:collapse;width:100%}.kuiTable--fluid{width:auto}.kuiTable--fluid .kuiTableHeaderCell,.kuiTable--fluid .kuiTableRowCell{max-width:none}.kuiTableHeaderCell{color:#69707d;font-size:16px;font-weight:400;line-height:1.5;max-width:20px;text-align:left}.kuiTableHeaderCell__liner{display:inline-block;padding:7px 8px 8px}.kuiTableHeaderCellButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:initial;border:0;color:inherit;cursor:pointer;font-size:inherit;line-height:inherit;padding:0;text-align:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.kuiTableHeaderCellButton:hover .kuiTableSortIcon{display:block;opacity:1}.kuiTableHeaderCellButton .kuiTableHeaderCell__liner{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.kuiTableHeaderCell--alignRight{text-align:right}.kuiTableSortIcon{display:none;margin-left:4px;pointer-events:none}.kuiTableHeaderCellButton-isSorted .kuiTableSortIcon{display:block;opacity:.4}.kuiTableRow:hover .kuiTableRowHoverReveal{display:inline-block}.kuiTableRowHoverReveal{display:none}.kuiTableRowCell{border-top:1px solid #d3dae6;color:#343741;font-size:16px;font-weight:400;max-width:20px;text-align:left;vertical-align:middle}.kuiTableRowCell__liner{line-height:1.5;overflow:hidden;padding:7px 8px 8px;text-overflow:ellipsis;white-space:nowrap}.kuiTableRowCell__liner>*{vertical-align:middle}.kuiTableRowCell--wrap .kuiTableRowCell__liner{white-space:normal}.kuiTableRowCell--overflowingContent .kuiTableRowCell__liner{overflow:visible;white-space:normal}.kuiTableRowCell--expanded{border-top-color:#fff}.kuiTableRowCell--alignRight,.kuiTableRowCell--alignRight .kuiTableRowCell__liner{text-align:right}.kuiTableHeaderCell--checkBox,.kuiTableRowCell--checkBox{line-height:1;width:28px}.kuiTableHeaderCell--checkBox .kuiTableRowCell__liner,.kuiTableRowCell--checkBox .kuiTableRowCell__liner{overflow:visible}.kuiTableHeaderCell--checkBox .kuiTableHeaderCell__liner,.kuiTableHeaderCell--checkBox .kuiTableRowCell__liner,.kuiTableRowCell--checkBox .kuiTableHeaderCell__liner,.kuiTableRowCell--checkBox .kuiTableRowCell__liner{padding-right:0}.kuiTableInfo{color:#69707d;font-size:20px;line-height:1.5;padding:30px}.kuiTabs{border-bottom:1px solid #d3dae6;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.kuiTab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:initial;border:1px solid #d3dae6;border-radius:0;color:#69707d;cursor:pointer;font-size:16px;margin-bottom:-1px;padding:10px 30px}.kuiTab+.kuiTab{border-left:none}.kuiTab+.kuiTab:focus:not(.kuiTab-isSelected):not(:active){margin-left:-1px}.kuiTab:active{-webkit-box-shadow:none;box-shadow:none;outline:none!important}.kuiTab:focus{outline:none}.kuiTab:focus:not(.kuiTab-isSelected):not(:active){border:1px solid #006bb4!important;color:#006bb4;z-index:1}.kuiTab:hover:not(.kuiTab-isSelected){background-color:#f5f7fa;color:#004d81}.kuiTab.kuiTab-isSelected{background-color:initial;border-bottom-color:#0000;color:#343741;cursor:default}.kuiToolBar{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;background-color:initial;border:1px solid #d3dae6;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:50px;-webkit-justify-content:space-between;justify-content:space-between;min-height:30px;padding:10px}.kuiToolBar .kuiButton:not(a):enabled:focus,a.kuiToolBar .kuiButton:not(.kuiButton-isDisabled):focus{-webkit-box-shadow:0 0 0 1px #d3dae6,0 0 0 2px #006bb4;box-shadow:0 0 0 1px #d3dae6,0 0 0 2px #006bb4;outline:none!important;z-index:1}.kuiToolBar .kuiButton--danger:not(a):enabled:focus,a.kuiToolBar .kuiButton--danger:not(.kuiButton-isDisabled):focus{-webkit-box-shadow:0 0 0 1px #d3dae6,0 0 0 2px #bd271e;box-shadow:0 0 0 1px #d3dae6,0 0 0 2px #bd271e;outline:none!important;z-index:1}.kuiToolBar .kuiSelect{border-color:#fbfcfd}.kuiToolBar .kuiSelect:not(a):enabled:focus,a.kuiToolBar .kuiSelect:not(.kuiButton-isDisabled):focus{border-color:#006bb4;outline:none}.kuiToolBarSection{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:1;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;margin-left:25px;margin-right:25px}.kuiToolBarSection:not(:first-child):not(:last-child):not(:only-child){-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.kuiToolBarSection:first-child{margin-left:0}.kuiToolBarSection:last-child{-webkit-box-flex:0;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-justify-content:flex-end;justify-content:flex-end;margin-right:0}.kuiToolBarSection:only-child{margin-left:auto}.kuiToolBarSection>*+*{margin-left:10px}.kuiToolBar--searchOnly .kuiToolBarSearch{margin-left:0!important}.kuiToolBarFooter{-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:#fff;height:40px;-webkit-justify-content:space-between;justify-content:space-between;min-height:30px;padding:10px}.kuiToolBarFooter,.kuiToolBarFooterSection{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.kuiToolBarFooterSection{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;margin-left:25px;margin-right:25px}.kuiToolBarFooterSection:not(:first-child):not(:last-child):not(:only-child){-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.kuiToolBarFooterSection:first-child{margin-left:0}.kuiToolBarFooterSection:last-child{-webkit-box-flex:0;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-justify-content:flex-end;justify-content:flex-end;margin-right:0}.kuiToolBarFooterSection:only-child{margin-left:auto}.kuiToolBarFooterSection>*+*{margin-left:10px}.kuiToolBarSearch{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:1;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;line-height:1.5;margin-left:25px;margin-right:25px;max-width:100%}.kuiToolBarSearch:first-child{margin-left:0}.kuiToolBarSearch:last-child{margin-right:0}.kuiToolBarSearch>*+*{margin-left:10px}.kuiToolBarSearchBox{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;font-size:16px;max-width:800px;position:relative}.kuiToolBarSearchBox__icon{color:#acacac;font-size:1em;left:.7em;position:absolute;top:.5em}.kuiToolBarSearchBox__input{background-color:#fff;border:1px solid #d3dae6;border-radius:4px;color:#343741;font-family:Inter UI,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1em;line-height:normal;min-width:200px;padding:4px 12px 5px 28px;-webkit-transition:border-color .1s linear;transition:border-color .1s linear;width:100%}.kuiToolBarSearchBox__input:focus{border-color:#006bb4;outline:none}.kuiToolBarText{color:#69707d;font-size:16px;line-height:1.5;white-space:nowrap}.kuiTitle{font-size:24px}.kuiSubTitle,.kuiTitle{font-weight:400;margin:0}.kuiSubTitle{font-size:20px}.kuiTextTitle{font-weight:700}.kuiText,.kuiTextTitle{font-size:16px;line-height:1.5;margin:0}.kuiSubText,.kuiText{font-weight:400}.kuiSubText{font-size:14px;line-height:1.5;margin:0}.kuiSubduedText{color:#69707d!important}.kuiVerticalRhythm+.kuiVerticalRhythm{margin-top:16px}.kuiVerticalRhythmSmall+.kuiVerticalRhythmSmall{margin-top:8px}.kuiVerticalRhythmLarge+.kuiVerticalRhythmLarge{margin-top:24px}.kuiVerticalRhythmXLarge+.kuiVerticalRhythmXLarge{margin-top:32px}.kuiView{-webkit-box-flex:1;background-color:#fff;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.kuiViewContent{padding-bottom:20px;padding-top:20px;width:100%}.kuiViewContent--constrainedWidth{margin-left:auto;margin-right:auto;max-width:1100px;width:100%}.kuiViewContentItem{padding-left:20px;padding-right:20px}
\ No newline at end of file
diff --git a/packages/kbn-ui-framework/kibana.jsonc b/packages/kbn-ui-framework/kibana.jsonc
deleted file mode 100644
index 50a13c97e4fe3..0000000000000
--- a/packages/kbn-ui-framework/kibana.jsonc
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-  "type": "shared-common",
-  "id": "@kbn/ui-framework",
-  "owner": "@elastic/kibana-design"
-}
diff --git a/packages/kbn-ui-framework/package.json b/packages/kbn-ui-framework/package.json
deleted file mode 100644
index 25c0789dc9439..0000000000000
--- a/packages/kbn-ui-framework/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "name": "@kbn/ui-framework",
-  "version": "1.0.0",
-  "license": "SSPL-1.0 OR Elastic License 2.0",
-  "private": "true"
-}
\ No newline at end of file
diff --git a/src/dev/build/tasks/package_json/find_used_dependencies.ts b/src/dev/build/tasks/package_json/find_used_dependencies.ts
index 28a23fbd85041..52595c5e457cf 100644
--- a/src/dev/build/tasks/package_json/find_used_dependencies.ts
+++ b/src/dev/build/tasks/package_json/find_used_dependencies.ts
@@ -37,8 +37,6 @@ export async function findUsedDependencies(
   // Get the dependencies found searching through the server
   // side code entries that were provided
   const usedDeps = [
-    // TODO: remove this once we get rid off @kbn/ui-framework, for now it isn't detectable as "used" so we hard code it
-    '@kbn/ui-framework',
     // find all the node modules we actually use on the server, including the peerDependencies of our used node_modules which are used within those deps
     ...(await findUsedNodeModules({
       resolver,
diff --git a/tsconfig.base.json b/tsconfig.base.json
index 98ee10281509a..91bdf7ed09001 100644
--- a/tsconfig.base.json
+++ b/tsconfig.base.json
@@ -1538,8 +1538,6 @@
       "@kbn/ui-actions-explorer-plugin/*": ["examples/ui_actions_explorer/*"],
       "@kbn/ui-actions-plugin": ["src/plugins/ui_actions"],
       "@kbn/ui-actions-plugin/*": ["src/plugins/ui_actions/*"],
-      "@kbn/ui-framework": ["packages/kbn-ui-framework"],
-      "@kbn/ui-framework/*": ["packages/kbn-ui-framework/*"],
       "@kbn/ui-settings-plugin": ["test/plugin_functional/plugins/ui_settings_plugin"],
       "@kbn/ui-settings-plugin/*": ["test/plugin_functional/plugins/ui_settings_plugin/*"],
       "@kbn/ui-shared-deps-npm": ["packages/kbn-ui-shared-deps-npm"],
@@ -1715,5 +1713,4 @@
       "@kbn/ambient-storybook-types"
     ]
   }
-}
-
+}
\ No newline at end of file
diff --git a/yarn.lock b/yarn.lock
index 800c37edf20c4..78ad6fae70392 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6019,10 +6019,6 @@
   version "0.0.0"
   uid ""
 
-"@kbn/ui-framework@link:packages/kbn-ui-framework":
-  version "0.0.0"
-  uid ""
-
 "@kbn/ui-settings-plugin@link:test/plugin_functional/plugins/ui_settings_plugin":
   version "0.0.0"
   uid ""