@elastic/eui 64.0.1 → 65.0.2

package/dist/eui_theme_dark.css

@@ -330,7 +330,6 @@ SOFTWARE.
   line-height: 1.71429rem;
   font-weight: 500;
   text-decoration: none;
-  transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out;
   outline-offset: -1px;
   -webkit-transform: none !important;
           transform: none !important;
@@ -349,19 +348,19 @@ SOFTWARE.
   font-size: 12px; }
   @media screen and (prefers-reduced-motion: no-preference) {
     .react-datepicker__time-list-item {
-      transition: background 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
-      transition: transform 250ms ease-in-out, background 250ms ease-in-out;
-      transition: transform 250ms ease-in-out, background 250ms ease-in-out, -webkit-transform 250ms ease-in-out; }
-      .react-datepicker__time-list-item:hover:not([class*='isDisabled']) {
+      transition: background-color 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
+      transition: transform 250ms ease-in-out, background-color 250ms ease-in-out;
+      transition: transform 250ms ease-in-out, background-color 250ms ease-in-out, -webkit-transform 250ms ease-in-out; }
+      .react-datepicker__time-list-item:hover:not(:disabled) {
         -webkit-transform: translateY(-1px);
                 transform: translateY(-1px); }
       .react-datepicker__time-list-item:focus {
         -webkit-animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
                 animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1); }
-      .react-datepicker__time-list-item:active:not([class*='isDisabled']) {
+      .react-datepicker__time-list-item:active:not(:disabled) {
         -webkit-transform: translateY(1px);
                 transform: translateY(1px); } }
-  .react-datepicker__time-list-item:hover:not([class*='isDisabled']), .react-datepicker__time-list-item:focus {
+  .react-datepicker__time-list-item:hover:not(:disabled), .react-datepicker__time-list-item:focus {
     text-decoration: underline; }
   .react-datepicker__time-list-item--disabled, .react-datepicker__time-list-item--disabled:hover {
     text-decoration: none !important;
@@ -908,7 +907,9 @@ SOFTWARE.
   line-height: 24px;
   text-align: center;
   white-space: nowrap;
-  cursor: default; }
+  cursor: default;
+  overflow: hidden;
+  text-overflow: ellipsis; }
   .euiBetaBadge:focus {
     outline: 2px solid currentColor;
     outline-color: #FFF;
@@ -949,8 +950,10 @@ SOFTWARE.
   .euiBetaBadge--subdued.euiBetaBadge-isClickable {
     color: #FFF; }
 
-.euiBetaBadge--hollow.euiBetaBadge-isClickable {
-  color: #FFF; }
+.euiBetaBadge--hollow {
+  background-color: #1D1E24; }
+  .euiBetaBadge--hollow.euiBetaBadge-isClickable {
+    color: #FFF; }
 
 .euiBetaBadge--accent {
   background: #F68FBE;
@@ -1029,208 +1032,6 @@ SOFTWARE.
     left: 100%;
     width: 0; } }
 
-.euiButton {
-  display: inline-block;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  cursor: pointer;
-  height: 40px;
-  line-height: 40px;
-  text-align: center;
-  white-space: nowrap;
-  max-width: 100%;
-  vertical-align: middle;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  font-weight: 400;
-  letter-spacing: normal;
-  -webkit-text-size-adjust: 100%;
-  -ms-text-size-adjust: 100%;
-  -webkit-font-kerning: normal;
-          font-kerning: normal;
-  font-size: 14px;
-  font-size: 1rem;
-  line-height: 1.71429rem;
-  font-weight: 500;
-  text-decoration: none;
-  transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out;
-  outline-offset: -1px;
-  box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075);
-  border-radius: 6px;
-  min-width: 112px; }
-  @media screen and (prefers-reduced-motion: no-preference) {
-    .euiButton {
-      transition: background 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
-      transition: transform 250ms ease-in-out, background 250ms ease-in-out;
-      transition: transform 250ms ease-in-out, background 250ms ease-in-out, -webkit-transform 250ms ease-in-out; }
-      .euiButton:hover:not([class*='isDisabled']) {
-        -webkit-transform: translateY(-1px);
-                transform: translateY(-1px); }
-      .euiButton:focus {
-        -webkit-animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
-                animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1); }
-      .euiButton:active:not([class*='isDisabled']) {
-        -webkit-transform: translateY(1px);
-                transform: translateY(1px); } }
-  .euiButton:hover:not([class*='isDisabled']), .euiButton:focus {
-    text-decoration: underline; }
-  .euiButton .euiButton__content {
-    padding: 0 12px; }
-  .euiButton .euiButton__text {
-    text-overflow: ellipsis;
-    overflow: hidden; }
-  .euiButton.euiButton--small {
-    height: 32px;
-    line-height: 32px; }
-  .euiButton:hover, .euiButton:active {
-    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125); }
-  .euiButton:not([class*='isDisabled']):hover, .euiButton:not([class*='isDisabled']):focus, .euiButton:not([class*='isDisabled']):focus-within {
-    background-color: rgba(54, 162, 239, 0.1); }
-  .euiButton.euiButton-isDisabled {
-    pointer-events: auto;
-    cursor: not-allowed;
-    color: #515761;
-    border-color: #515761; }
-    .euiButton.euiButton-isDisabled .euiButtonContent__icon {
-      fill: currentColor; }
-    .euiButton.euiButton-isDisabled .euiButtonContent__spinner {
-      border-color: #36A2EF currentColor currentColor currentColor; }
-    .euiButton.euiButton-isDisabled.euiButton--fill {
-      color: #858a91;
-      background-color: #515761;
-      border-color: #515761; }
-      .euiButton.euiButton-isDisabled.euiButton--fill:hover, .euiButton.euiButton-isDisabled.euiButton--fill:focus, .euiButton.euiButton-isDisabled.euiButton--fill:focus-within {
-        background-color: #515761;
-        border-color: #515761; }
-    .euiButton.euiButton-isDisabled:hover, .euiButton.euiButton-isDisabled:focus, .euiButton.euiButton-isDisabled:focus-within {
-      box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075);
-      text-decoration: none; }
-
-.euiButton--primary {
-  color: #36A2EF;
-  border-color: #36A2EF; }
-  .euiButton--primary.euiButton--fill {
-    background-color: #36A2EF;
-    border-color: #36A2EF;
-    color: #000; }
-    .euiButton--primary.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--primary.euiButton--fill:not([class*='isDisabled']):focus, .euiButton--primary.euiButton--fill:not([class*='isDisabled']):focus-within {
-      background-color: #1e97ed;
-      border-color: #1e97ed; }
-  .euiButton--primary:not([class*='isDisabled']) {
-    box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075); }
-    .euiButton--primary:not([class*='isDisabled']):hover, .euiButton--primary:not([class*='isDisabled']):focus, .euiButton--primary:not([class*='isDisabled']):focus-within {
-      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
-      background-color: rgba(54, 162, 239, 0.1); }
-
-.euiButton--accent {
-  color: #F68FBE;
-  border-color: #F68FBE; }
-  .euiButton--accent.euiButton--fill {
-    background-color: #F68FBE;
-    border-color: #F68FBE;
-    color: #000; }
-    .euiButton--accent.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--accent.euiButton--fill:not([class*='isDisabled']):focus, .euiButton--accent.euiButton--fill:not([class*='isDisabled']):focus-within {
-      background-color: #f477b0;
-      border-color: #f477b0; }
-  .euiButton--accent:not([class*='isDisabled']) {
-    box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075); }
-    .euiButton--accent:not([class*='isDisabled']):hover, .euiButton--accent:not([class*='isDisabled']):focus, .euiButton--accent:not([class*='isDisabled']):focus-within {
-      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
-      background-color: rgba(246, 143, 190, 0.1); }
-
-.euiButton--success {
-  color: #7DDED8;
-  border-color: #7DDED8; }
-  .euiButton--success.euiButton--fill {
-    background-color: #7DDED8;
-    border-color: #7DDED8;
-    color: #000; }
-    .euiButton--success.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--success.euiButton--fill:not([class*='isDisabled']):focus, .euiButton--success.euiButton--fill:not([class*='isDisabled']):focus-within {
-      background-color: #69d9d2;
-      border-color: #69d9d2; }
-  .euiButton--success:not([class*='isDisabled']) {
-    box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075); }
-    .euiButton--success:not([class*='isDisabled']):hover, .euiButton--success:not([class*='isDisabled']):focus, .euiButton--success:not([class*='isDisabled']):focus-within {
-      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
-      background-color: rgba(125, 222, 216, 0.1); }
-
-.euiButton--warning {
-  color: #F3D371;
-  border-color: #F3D371; }
-  .euiButton--warning.euiButton--fill {
-    background-color: #F3D371;
-    border-color: #F3D371;
-    color: #000; }
-    .euiButton--warning.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--warning.euiButton--fill:not([class*='isDisabled']):focus, .euiButton--warning.euiButton--fill:not([class*='isDisabled']):focus-within {
-      background-color: #f1cc59;
-      border-color: #f1cc59; }
-  .euiButton--warning:not([class*='isDisabled']) {
-    box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075); }
-    .euiButton--warning:not([class*='isDisabled']):hover, .euiButton--warning:not([class*='isDisabled']):focus, .euiButton--warning:not([class*='isDisabled']):focus-within {
-      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
-      background-color: rgba(243, 211, 113, 0.1); }
-
-.euiButton--danger {
-  color: #F86B63;
-  border-color: #F86B63; }
-  .euiButton--danger.euiButton--fill {
-    background-color: #F86B63;
-    border-color: #F86B63;
-    color: #000; }
-    .euiButton--danger.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--danger.euiButton--fill:not([class*='isDisabled']):focus, .euiButton--danger.euiButton--fill:not([class*='isDisabled']):focus-within {
-      background-color: #f7544b;
-      border-color: #f7544b; }
-  .euiButton--danger:not([class*='isDisabled']) {
-    box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075); }
-    .euiButton--danger:not([class*='isDisabled']):hover, .euiButton--danger:not([class*='isDisabled']):focus, .euiButton--danger:not([class*='isDisabled']):focus-within {
-      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
-      background-color: rgba(248, 107, 99, 0.1); }
-
-.euiButton--ghost {
-  color: #FFF;
-  border-color: #FFF; }
-  .euiButton--ghost.euiButton--fill {
-    background-color: #FFF;
-    border-color: #FFF;
-    color: #000; }
-    .euiButton--ghost.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--ghost.euiButton--fill:not([class*='isDisabled']):focus, .euiButton--ghost.euiButton--fill:not([class*='isDisabled']):focus-within {
-      background-color: #f2f2f2;
-      border-color: #f2f2f2; }
-  .euiButton--ghost:not([class*='isDisabled']) {
-    box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075); }
-    .euiButton--ghost:not([class*='isDisabled']):hover, .euiButton--ghost:not([class*='isDisabled']):focus, .euiButton--ghost:not([class*='isDisabled']):focus-within {
-      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
-      background-color: rgba(255, 255, 255, 0.1); }
-
-.euiButton--text {
-  color: #DFE5EF;
-  border-color: #98A2B3; }
-  .euiButton--text.euiButton--fill {
-    background-color: #98A2B3;
-    border-color: #98A2B3;
-    color: #000; }
-    .euiButton--text.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--text.euiButton--fill:not([class*='isDisabled']):focus, .euiButton--text.euiButton--fill:not([class*='isDisabled']):focus-within {
-      background-color: #8995a8;
-      border-color: #8995a8; }
-  .euiButton--text:not([class*='isDisabled']) {
-    box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075); }
-    .euiButton--text:not([class*='isDisabled']):hover, .euiButton--text:not([class*='isDisabled']):focus, .euiButton--text:not([class*='isDisabled']):focus-within {
-      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
-      background-color: rgba(152, 162, 179, 0.1); }
-
-.euiButton.euiButton-isDisabled.euiButton--ghost, .euiButton.euiButton-isDisabled.euiButton--ghost:hover, .euiButton.euiButton-isDisabled.euiButton--ghost:focus, .euiButton.euiButton-isDisabled.euiButton--ghost:focus-within {
-  box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075);
-  color: #343741;
-  border-color: #343741; }
-
-.euiButton.euiButton-isDisabled.euiButton--ghost.euiButton--fill {
-  background-color: #343741;
-  color: #62656d; }
-
-.euiButton--fullWidth {
-  display: block;
-  width: 100%; }
-
 .euiButtonContent {
   height: 100%;
   width: 100%;
@@ -1294,11 +1095,8 @@ SOFTWARE.
   line-height: 1.71429rem;
   font-weight: 500;
   text-decoration: none;
-  transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out;
   outline-offset: -1px;
-  border-color: transparent;
-  background-color: transparent;
-  box-shadow: none;
+  border-radius: 6px;
   -webkit-transform: none !important;
           transform: none !important;
   /* 1 */
@@ -1311,19 +1109,19 @@ SOFTWARE.
   /* 2 */ }
   @media screen and (prefers-reduced-motion: no-preference) {
     .euiButtonEmpty {
-      transition: background 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
-      transition: transform 250ms ease-in-out, background 250ms ease-in-out;
-      transition: transform 250ms ease-in-out, background 250ms ease-in-out, -webkit-transform 250ms ease-in-out; }
-      .euiButtonEmpty:hover:not([class*='isDisabled']) {
+      transition: background-color 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
+      transition: transform 250ms ease-in-out, background-color 250ms ease-in-out;
+      transition: transform 250ms ease-in-out, background-color 250ms ease-in-out, -webkit-transform 250ms ease-in-out; }
+      .euiButtonEmpty:hover:not(:disabled) {
         -webkit-transform: translateY(-1px);
                 transform: translateY(-1px); }
       .euiButtonEmpty:focus {
         -webkit-animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
                 animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1); }
-      .euiButtonEmpty:active:not([class*='isDisabled']) {
+      .euiButtonEmpty:active:not(:disabled) {
         -webkit-transform: translateY(1px);
                 transform: translateY(1px); } }
-  .euiButtonEmpty:hover:not([class*='isDisabled']), .euiButtonEmpty:focus {
+  .euiButtonEmpty:hover:not(:disabled), .euiButtonEmpty:focus {
     text-decoration: underline; }
   .euiButtonEmpty .euiButtonEmpty__content {
     padding: 0 8px; }
@@ -1331,20 +1129,19 @@ SOFTWARE.
     text-overflow: ellipsis;
     overflow: hidden; }
   .euiButtonEmpty.euiButtonEmpty--small {
-    height: 32px; }
+    height: 32px;
+    border-radius: 4.002px; }
   .euiButtonEmpty.euiButtonEmpty--xSmall {
     height: 24px;
-    font-size: 14px; }
+    border-radius: 4.002px;
+    font-size: 12px; }
   .euiButtonEmpty:disabled {
     pointer-events: auto;
-    cursor: not-allowed;
-    color: #515761; }
-    .euiButtonEmpty:disabled .euiButtonContent__icon {
-      fill: currentColor; }
+    cursor: not-allowed; }
+    .euiButtonEmpty:disabled:hover, .euiButtonEmpty:disabled:focus, .euiButtonEmpty:disabled:focus-within {
+      text-decoration: none; }
     .euiButtonEmpty:disabled .euiButtonContent__spinner {
       border-color: #36A2EF currentColor currentColor currentColor; }
-    .euiButtonEmpty:disabled:focus {
-      background-color: transparent; }
     .euiButtonEmpty:disabled:hover, .euiButtonEmpty:disabled:focus {
       text-decoration: none; }
 
@@ -1360,43 +1157,6 @@ SOFTWARE.
 .euiButtonEmpty--flushRight {
   margin-left: 8px; }
 
-.euiButtonEmpty--primary {
-  color: #36A2EF; }
-  .euiButtonEmpty--primary:focus {
-    background-color: rgba(54, 162, 239, 0.1); }
-
-.euiButtonEmpty--danger {
-  color: #F86B63; }
-  .euiButtonEmpty--danger:focus {
-    background-color: rgba(248, 107, 99, 0.1); }
-
-.euiButtonEmpty--disabled {
-  color: #858a91; }
-  .euiButtonEmpty--disabled:focus {
-    background-color: rgba(81, 87, 97, 0.1); }
-  .euiButtonEmpty--disabled:hover {
-    cursor: not-allowed; }
-
-.euiButtonEmpty--ghost {
-  color: #FFF; }
-  .euiButtonEmpty--ghost:focus {
-    background-color: rgba(255, 255, 255, 0.1); }
-
-.euiButtonEmpty--text {
-  color: #DFE5EF; }
-  .euiButtonEmpty--text:focus {
-    background-color: rgba(223, 229, 239, 0.1); }
-
-.euiButtonEmpty--success {
-  color: #7DDED8; }
-  .euiButtonEmpty--success:focus {
-    background-color: rgba(125, 222, 216, 0.1); }
-
-.euiButtonEmpty--warning {
-  color: #F3D371; }
-  .euiButtonEmpty--warning:focus {
-    background-color: rgba(243, 211, 113, 0.1); }
-
 .euiButtonIcon {
   display: inline-block;
   -webkit-appearance: none;
@@ -1421,9 +1181,7 @@ SOFTWARE.
   line-height: 1.71429rem;
   font-weight: 500;
   text-decoration: none;
-  transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out;
   outline-offset: -1px;
-  box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075);
   border-radius: 6px;
   width: 40px;
   display: -webkit-inline-flex;
@@ -1434,173 +1192,39 @@ SOFTWARE.
           justify-content: space-around; }
   @media screen and (prefers-reduced-motion: no-preference) {
     .euiButtonIcon {
-      transition: background 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
-      transition: transform 250ms ease-in-out, background 250ms ease-in-out;
-      transition: transform 250ms ease-in-out, background 250ms ease-in-out, -webkit-transform 250ms ease-in-out; }
-      .euiButtonIcon:hover:not([class*='isDisabled']) {
+      transition: background-color 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
+      transition: transform 250ms ease-in-out, background-color 250ms ease-in-out;
+      transition: transform 250ms ease-in-out, background-color 250ms ease-in-out, -webkit-transform 250ms ease-in-out; }
+      .euiButtonIcon:hover:not(:disabled) {
         -webkit-transform: translateY(-1px);
                 transform: translateY(-1px); }
       .euiButtonIcon:focus {
         -webkit-animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
                 animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1); }
-      .euiButtonIcon:active:not([class*='isDisabled']) {
+      .euiButtonIcon:active:not(:disabled) {
         -webkit-transform: translateY(1px);
                 transform: translateY(1px); } }
-  .euiButtonIcon:hover:not([class*='isDisabled']), .euiButtonIcon:focus {
+  .euiButtonIcon:hover:not(:disabled), .euiButtonIcon:focus {
     text-decoration: underline; }
   .euiButtonIcon > svg {
     pointer-events: none; }
-  .euiButtonIcon.euiButtonIcon--empty {
-    box-shadow: none !important;
-    border: none; }
-  .euiButtonIcon.euiButtonIcon-isDisabled {
+  .euiButtonIcon:disabled {
     pointer-events: auto;
-    cursor: not-allowed;
-    color: #515761;
-    border-color: #515761; }
-    .euiButtonIcon.euiButtonIcon-isDisabled .euiButtonContent__icon {
-      fill: currentColor; }
-    .euiButtonIcon.euiButtonIcon-isDisabled .euiButtonContent__spinner {
-      border-color: #36A2EF currentColor currentColor currentColor; }
-    .euiButtonIcon.euiButtonIcon-isDisabled.euiButtonIcon--fill {
-      color: #858a91;
-      background-color: #515761;
-      border-color: #515761; }
-      .euiButtonIcon.euiButtonIcon-isDisabled.euiButtonIcon--fill:hover, .euiButtonIcon.euiButtonIcon-isDisabled.euiButtonIcon--fill:focus, .euiButtonIcon.euiButtonIcon-isDisabled.euiButtonIcon--fill:focus-within {
-        background-color: #515761;
-        border-color: #515761; }
-    .euiButtonIcon.euiButtonIcon-isDisabled:hover, .euiButtonIcon.euiButtonIcon-isDisabled:focus, .euiButtonIcon.euiButtonIcon-isDisabled:focus-within {
-      box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075);
+    cursor: not-allowed; }
+    .euiButtonIcon:disabled:hover, .euiButtonIcon:disabled:focus, .euiButtonIcon:disabled:focus-within {
       text-decoration: none; }
+    .euiButtonIcon:disabled .euiButtonContent__spinner {
+      border-color: #36A2EF currentColor currentColor currentColor; }
 
 .euiButtonIcon--xSmall {
   height: 24px;
-  width: 24px; }
+  width: 24px;
+  border-radius: 4px; }
 
 .euiButtonIcon--small {
   height: 32px;
-  width: 32px; }
-
-.euiButtonIcon--primary {
-  color: #36A2EF;
-  border-color: #36A2EF; }
-  .euiButtonIcon--primary.euiButtonIcon--fill {
-    background-color: #36A2EF;
-    border-color: #36A2EF;
-    color: #000; }
-    .euiButtonIcon--primary.euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--primary.euiButtonIcon--fill:not([class*='isDisabled']):focus, .euiButtonIcon--primary.euiButtonIcon--fill:not([class*='isDisabled']):focus-within {
-      background-color: #1e97ed;
-      border-color: #1e97ed; }
-  .euiButtonIcon--primary:not([class*='isDisabled']) {
-    box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075); }
-    .euiButtonIcon--primary:not([class*='isDisabled']):hover, .euiButtonIcon--primary:not([class*='isDisabled']):focus, .euiButtonIcon--primary:not([class*='isDisabled']):focus-within {
-      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
-      background-color: rgba(54, 162, 239, 0.1); }
-
-.euiButtonIcon--accent {
-  color: #F68FBE;
-  border-color: #F68FBE; }
-  .euiButtonIcon--accent.euiButtonIcon--fill {
-    background-color: #F68FBE;
-    border-color: #F68FBE;
-    color: #000; }
-    .euiButtonIcon--accent.euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--accent.euiButtonIcon--fill:not([class*='isDisabled']):focus, .euiButtonIcon--accent.euiButtonIcon--fill:not([class*='isDisabled']):focus-within {
-      background-color: #f477b0;
-      border-color: #f477b0; }
-  .euiButtonIcon--accent:not([class*='isDisabled']) {
-    box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075); }
-    .euiButtonIcon--accent:not([class*='isDisabled']):hover, .euiButtonIcon--accent:not([class*='isDisabled']):focus, .euiButtonIcon--accent:not([class*='isDisabled']):focus-within {
-      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
-      background-color: rgba(246, 143, 190, 0.1); }
-
-.euiButtonIcon--success {
-  color: #7DDED8;
-  border-color: #7DDED8; }
-  .euiButtonIcon--success.euiButtonIcon--fill {
-    background-color: #7DDED8;
-    border-color: #7DDED8;
-    color: #000; }
-    .euiButtonIcon--success.euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--success.euiButtonIcon--fill:not([class*='isDisabled']):focus, .euiButtonIcon--success.euiButtonIcon--fill:not([class*='isDisabled']):focus-within {
-      background-color: #69d9d2;
-      border-color: #69d9d2; }
-  .euiButtonIcon--success:not([class*='isDisabled']) {
-    box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075); }
-    .euiButtonIcon--success:not([class*='isDisabled']):hover, .euiButtonIcon--success:not([class*='isDisabled']):focus, .euiButtonIcon--success:not([class*='isDisabled']):focus-within {
-      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
-      background-color: rgba(125, 222, 216, 0.1); }
-
-.euiButtonIcon--warning {
-  color: #F3D371;
-  border-color: #F3D371; }
-  .euiButtonIcon--warning.euiButtonIcon--fill {
-    background-color: #F3D371;
-    border-color: #F3D371;
-    color: #000; }
-    .euiButtonIcon--warning.euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--warning.euiButtonIcon--fill:not([class*='isDisabled']):focus, .euiButtonIcon--warning.euiButtonIcon--fill:not([class*='isDisabled']):focus-within {
-      background-color: #f1cc59;
-      border-color: #f1cc59; }
-  .euiButtonIcon--warning:not([class*='isDisabled']) {
-    box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075); }
-    .euiButtonIcon--warning:not([class*='isDisabled']):hover, .euiButtonIcon--warning:not([class*='isDisabled']):focus, .euiButtonIcon--warning:not([class*='isDisabled']):focus-within {
-      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
-      background-color: rgba(243, 211, 113, 0.1); }
-
-.euiButtonIcon--danger {
-  color: #F86B63;
-  border-color: #F86B63; }
-  .euiButtonIcon--danger.euiButtonIcon--fill {
-    background-color: #F86B63;
-    border-color: #F86B63;
-    color: #000; }
-    .euiButtonIcon--danger.euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--danger.euiButtonIcon--fill:not([class*='isDisabled']):focus, .euiButtonIcon--danger.euiButtonIcon--fill:not([class*='isDisabled']):focus-within {
-      background-color: #f7544b;
-      border-color: #f7544b; }
-  .euiButtonIcon--danger:not([class*='isDisabled']) {
-    box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075); }
-    .euiButtonIcon--danger:not([class*='isDisabled']):hover, .euiButtonIcon--danger:not([class*='isDisabled']):focus, .euiButtonIcon--danger:not([class*='isDisabled']):focus-within {
-      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
-      background-color: rgba(248, 107, 99, 0.1); }
-
-.euiButtonIcon--ghost {
-  color: #FFF;
-  border-color: #FFF; }
-  .euiButtonIcon--ghost.euiButtonIcon--fill {
-    background-color: #FFF;
-    border-color: #FFF;
-    color: #000; }
-    .euiButtonIcon--ghost.euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--ghost.euiButtonIcon--fill:not([class*='isDisabled']):focus, .euiButtonIcon--ghost.euiButtonIcon--fill:not([class*='isDisabled']):focus-within {
-      background-color: #f2f2f2;
-      border-color: #f2f2f2; }
-  .euiButtonIcon--ghost:not([class*='isDisabled']) {
-    box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075); }
-    .euiButtonIcon--ghost:not([class*='isDisabled']):hover, .euiButtonIcon--ghost:not([class*='isDisabled']):focus, .euiButtonIcon--ghost:not([class*='isDisabled']):focus-within {
-      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
-      background-color: rgba(255, 255, 255, 0.1); }
-
-.euiButtonIcon--text {
-  color: #DFE5EF;
-  border-color: #98A2B3; }
-  .euiButtonIcon--text.euiButtonIcon--fill {
-    background-color: #98A2B3;
-    border-color: #98A2B3;
-    color: #000; }
-    .euiButtonIcon--text.euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--text.euiButtonIcon--fill:not([class*='isDisabled']):focus, .euiButtonIcon--text.euiButtonIcon--fill:not([class*='isDisabled']):focus-within {
-      background-color: #8995a8;
-      border-color: #8995a8; }
-  .euiButtonIcon--text:not([class*='isDisabled']) {
-    box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075); }
-    .euiButtonIcon--text:not([class*='isDisabled']):hover, .euiButtonIcon--text:not([class*='isDisabled']):focus, .euiButtonIcon--text:not([class*='isDisabled']):focus-within {
-      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
-      background-color: rgba(152, 162, 179, 0.1); }
-
-.euiButtonIcon.euiButtonIcon-isDisabled.euiButtonIcon--ghost, .euiButtonIcon.euiButtonIcon-isDisabled.euiButtonIcon--ghost:hover, .euiButtonIcon.euiButtonIcon-isDisabled.euiButtonIcon--ghost:focus, .euiButtonIcon.euiButtonIcon-isDisabled.euiButtonIcon--ghost:focus-within {
-  box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075);
-  color: #343741;
-  border-color: #343741; }
-
-.euiButtonIcon.euiButtonIcon-isDisabled.euiButtonIcon--ghost.euiButton--fill {
-  background-color: #343741;
-  color: #62656d; }
+  width: 32px;
+  border-radius: 4px; }
 
 .euiButtonGroup {
   display: inline-block;
@@ -1616,7 +1240,6 @@ SOFTWARE.
               flex: 1; }
 
 .euiButtonGroup__buttons {
-  box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075);
   border-radius: 7px;
   max-width: 100%;
   display: -webkit-flex;
@@ -1656,7 +1279,7 @@ SOFTWARE.
   font-size: 14px;
   font-size: 1rem;
   line-height: 1.71429rem;
-  transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out, color 250ms ease-in-out;
+  transition: background-color 250ms ease-in-out, color 250ms ease-in-out;
   min-width: 0;
   -webkit-flex-shrink: 1;
           flex-shrink: 1;
@@ -1666,107 +1289,22 @@ SOFTWARE.
     padding: 0 12px; }
   .euiButtonGroupButton-isIconOnly .euiButton__content {
     padding: 0 8px; }
-  .euiButtonGroupButton .euiButton__text {
-    text-overflow: ellipsis;
-    overflow: hidden; }
   .euiButtonGroupButton.euiButtonGroupButton--small {
     height: 32px;
     line-height: 32px; }
-  .euiButtonGroupButton:not([class*='isDisabled']):hover, .euiButtonGroupButton:not([class*='isDisabled']):focus, .euiButtonGroupButton:not([class*='isDisabled']):focus-within {
-    background-color: rgba(54, 162, 239, 0.1);
+  .euiButtonGroupButton:not(:disabled):hover, .euiButtonGroupButton:not(:disabled):focus, .euiButtonGroupButton:not(:disabled):focus-within {
     text-decoration: underline; }
-  .euiButtonGroupButton.euiButtonGroupButton-isDisabled {
+  .euiButtonGroupButton:disabled {
     pointer-events: auto;
-    cursor: not-allowed;
-    color: #515761; }
-    .euiButtonGroupButton.euiButtonGroupButton-isDisabled .euiButtonContent__icon {
-      fill: currentColor; }
-    .euiButtonGroupButton.euiButtonGroupButton-isDisabled .euiButtonContent__spinner {
+    cursor: not-allowed; }
+    .euiButtonGroupButton:disabled:hover, .euiButtonGroupButton:disabled:focus, .euiButtonGroupButton:disabled:focus-within {
+      text-decoration: none; }
+    .euiButtonGroupButton:disabled .euiButtonContent__spinner {
       border-color: #36A2EF currentColor currentColor currentColor; }
-    .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton-isSelected {
+    .euiButtonGroupButton:disabled.euiButtonGroupButton-isSelected {
       color: #858a91;
       background-color: #515761;
       border-color: #515761; }
-      .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton-isSelected:hover, .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton-isSelected:focus, .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton-isSelected:focus-within {
-        background-color: #515761;
-        border-color: #515761; }
-  .euiButtonGroupButton.euiButtonGroupButton--primary:not([class*='isDisabled']) {
-    color: #36A2EF; }
-    .euiButtonGroupButton.euiButtonGroupButton--primary:not([class*='isDisabled']).euiButtonGroupButton-isSelected {
-      background-color: #36A2EF;
-      border-color: #36A2EF;
-      color: #000; }
-      .euiButtonGroupButton.euiButtonGroupButton--primary:not([class*='isDisabled']).euiButtonGroupButton-isSelected:hover, .euiButtonGroupButton.euiButtonGroupButton--primary:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus, .euiButtonGroupButton.euiButtonGroupButton--primary:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus-within {
-        background-color: #1e97ed;
-        border-color: #1e97ed; }
-    .euiButtonGroupButton.euiButtonGroupButton--primary:not([class*='isDisabled']):hover, .euiButtonGroupButton.euiButtonGroupButton--primary:not([class*='isDisabled']):focus, .euiButtonGroupButton.euiButtonGroupButton--primary:not([class*='isDisabled']):focus-within {
-      background-color: rgba(54, 162, 239, 0.1); }
-  .euiButtonGroupButton.euiButtonGroupButton--accent:not([class*='isDisabled']) {
-    color: #F68FBE; }
-    .euiButtonGroupButton.euiButtonGroupButton--accent:not([class*='isDisabled']).euiButtonGroupButton-isSelected {
-      background-color: #F68FBE;
-      border-color: #F68FBE;
-      color: #000; }
-      .euiButtonGroupButton.euiButtonGroupButton--accent:not([class*='isDisabled']).euiButtonGroupButton-isSelected:hover, .euiButtonGroupButton.euiButtonGroupButton--accent:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus, .euiButtonGroupButton.euiButtonGroupButton--accent:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus-within {
-        background-color: #f477b0;
-        border-color: #f477b0; }
-    .euiButtonGroupButton.euiButtonGroupButton--accent:not([class*='isDisabled']):hover, .euiButtonGroupButton.euiButtonGroupButton--accent:not([class*='isDisabled']):focus, .euiButtonGroupButton.euiButtonGroupButton--accent:not([class*='isDisabled']):focus-within {
-      background-color: rgba(246, 143, 190, 0.1); }
-  .euiButtonGroupButton.euiButtonGroupButton--success:not([class*='isDisabled']) {
-    color: #7DDED8; }
-    .euiButtonGroupButton.euiButtonGroupButton--success:not([class*='isDisabled']).euiButtonGroupButton-isSelected {
-      background-color: #7DDED8;
-      border-color: #7DDED8;
-      color: #000; }
-      .euiButtonGroupButton.euiButtonGroupButton--success:not([class*='isDisabled']).euiButtonGroupButton-isSelected:hover, .euiButtonGroupButton.euiButtonGroupButton--success:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus, .euiButtonGroupButton.euiButtonGroupButton--success:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus-within {
-        background-color: #69d9d2;
-        border-color: #69d9d2; }
-    .euiButtonGroupButton.euiButtonGroupButton--success:not([class*='isDisabled']):hover, .euiButtonGroupButton.euiButtonGroupButton--success:not([class*='isDisabled']):focus, .euiButtonGroupButton.euiButtonGroupButton--success:not([class*='isDisabled']):focus-within {
-      background-color: rgba(125, 222, 216, 0.1); }
-  .euiButtonGroupButton.euiButtonGroupButton--warning:not([class*='isDisabled']) {
-    color: #F3D371; }
-    .euiButtonGroupButton.euiButtonGroupButton--warning:not([class*='isDisabled']).euiButtonGroupButton-isSelected {
-      background-color: #F3D371;
-      border-color: #F3D371;
-      color: #000; }
-      .euiButtonGroupButton.euiButtonGroupButton--warning:not([class*='isDisabled']).euiButtonGroupButton-isSelected:hover, .euiButtonGroupButton.euiButtonGroupButton--warning:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus, .euiButtonGroupButton.euiButtonGroupButton--warning:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus-within {
-        background-color: #f1cc59;
-        border-color: #f1cc59; }
-    .euiButtonGroupButton.euiButtonGroupButton--warning:not([class*='isDisabled']):hover, .euiButtonGroupButton.euiButtonGroupButton--warning:not([class*='isDisabled']):focus, .euiButtonGroupButton.euiButtonGroupButton--warning:not([class*='isDisabled']):focus-within {
-      background-color: rgba(243, 211, 113, 0.1); }
-  .euiButtonGroupButton.euiButtonGroupButton--danger:not([class*='isDisabled']) {
-    color: #F86B63; }
-    .euiButtonGroupButton.euiButtonGroupButton--danger:not([class*='isDisabled']).euiButtonGroupButton-isSelected {
-      background-color: #F86B63;
-      border-color: #F86B63;
-      color: #000; }
-      .euiButtonGroupButton.euiButtonGroupButton--danger:not([class*='isDisabled']).euiButtonGroupButton-isSelected:hover, .euiButtonGroupButton.euiButtonGroupButton--danger:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus, .euiButtonGroupButton.euiButtonGroupButton--danger:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus-within {
-        background-color: #f7544b;
-        border-color: #f7544b; }
-    .euiButtonGroupButton.euiButtonGroupButton--danger:not([class*='isDisabled']):hover, .euiButtonGroupButton.euiButtonGroupButton--danger:not([class*='isDisabled']):focus, .euiButtonGroupButton.euiButtonGroupButton--danger:not([class*='isDisabled']):focus-within {
-      background-color: rgba(248, 107, 99, 0.1); }
-  .euiButtonGroupButton.euiButtonGroupButton--ghost:not([class*='isDisabled']) {
-    color: #FFF; }
-    .euiButtonGroupButton.euiButtonGroupButton--ghost:not([class*='isDisabled']).euiButtonGroupButton-isSelected {
-      background-color: #FFF;
-      border-color: #FFF;
-      color: #000; }
-      .euiButtonGroupButton.euiButtonGroupButton--ghost:not([class*='isDisabled']).euiButtonGroupButton-isSelected:hover, .euiButtonGroupButton.euiButtonGroupButton--ghost:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus, .euiButtonGroupButton.euiButtonGroupButton--ghost:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus-within {
-        background-color: #f2f2f2;
-        border-color: #f2f2f2; }
-    .euiButtonGroupButton.euiButtonGroupButton--ghost:not([class*='isDisabled']):hover, .euiButtonGroupButton.euiButtonGroupButton--ghost:not([class*='isDisabled']):focus, .euiButtonGroupButton.euiButtonGroupButton--ghost:not([class*='isDisabled']):focus-within {
-      background-color: rgba(255, 255, 255, 0.1); }
-  .euiButtonGroupButton.euiButtonGroupButton--text:not([class*='isDisabled']) {
-    color: #DFE5EF; }
-    .euiButtonGroupButton.euiButtonGroupButton--text:not([class*='isDisabled']).euiButtonGroupButton-isSelected {
-      background-color: #98A2B3;
-      border-color: #98A2B3;
-      color: #000; }
-      .euiButtonGroupButton.euiButtonGroupButton--text:not([class*='isDisabled']).euiButtonGroupButton-isSelected:hover, .euiButtonGroupButton.euiButtonGroupButton--text:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus, .euiButtonGroupButton.euiButtonGroupButton--text:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus-within {
-        background-color: #8995a8;
-        border-color: #8995a8; }
-    .euiButtonGroupButton.euiButtonGroupButton--text:not([class*='isDisabled']):hover, .euiButtonGroupButton.euiButtonGroupButton--text:not([class*='isDisabled']):focus, .euiButtonGroupButton.euiButtonGroupButton--text:not([class*='isDisabled']):focus-within {
-      background-color: rgba(152, 162, 179, 0.1); }
 
 .euiButtonGroupButton__textShift::after {
   display: block;
@@ -1778,332 +1316,104 @@ SOFTWARE.
 
 /**
  * Medium and Small sizing (regular button style)
- */
-.euiButtonGroup--medium .euiButtonGroupButton,
-.euiButtonGroup--small .euiButtonGroupButton {
-  border: 1px solid #343741; }
-  .euiButtonGroup--medium .euiButtonGroupButton:not(:first-child),
-  .euiButtonGroup--small .euiButtonGroupButton:not(:first-child) {
-    margin-left: -1px; }
-  .euiButtonGroup--medium .euiButtonGroupButton:first-child,
-  .euiButtonGroup--small .euiButtonGroupButton:first-child {
-    border-radius: 6px 0 0 6px; }
-  .euiButtonGroup--medium .euiButtonGroupButton:last-child,
-  .euiButtonGroup--small .euiButtonGroupButton:last-child {
-    border-radius: 0 6px 6px 0; }
-
-.euiButtonGroup--medium .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost, .euiButtonGroup--medium .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:hover, .euiButtonGroup--medium .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:focus, .euiButtonGroup--medium .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:focus-within,
-.euiButtonGroup--small .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost,
-.euiButtonGroup--small .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:hover,
-.euiButtonGroup--small .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:focus,
-.euiButtonGroup--small .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:focus-within {
-  color: #343741; }
-
-.euiButtonGroup--isDisabled .euiButtonGroup--medium .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost, .euiButtonGroup--isDisabled
-.euiButtonGroup--small .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost {
-  border-color: #343741; }
-
-.euiButtonGroup--medium .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost.euiButtonGroupButton-isSelected,
-.euiButtonGroup--small .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost.euiButtonGroupButton-isSelected {
-  background-color: #343741;
-  color: #62656d; }
-
-.euiButtonGroup--medium .euiButtonGroupButton-isSelected,
-.euiButtonGroup--small .euiButtonGroupButton-isSelected {
-  z-index: 0; }
-
-.euiButtonGroup--medium .euiButtonGroupButton-isSelected + .euiButtonGroupButton-isSelected,
-.euiButtonGroup--small .euiButtonGroupButton-isSelected + .euiButtonGroupButton-isSelected {
-  box-shadow: -1px 0 0 rgba(29, 30, 36, 0.1); }
-
-/**
- * Compressed (form style)
- */
-.euiButtonGroup--compressed .euiButtonGroupButton {
-  height: 30px;
-  line-height: 30px;
-  font-size: 14px;
-  border-radius: 6px;
-  padding: 2px;
-  background-clip: content-box; }
-  .euiButtonGroup--compressed .euiButtonGroupButton .euiButton__content {
-    padding-left: 8px;
-    padding-right: 8px; }
-  .euiButtonGroup--compressed .euiButtonGroupButton.euiButtonGroupButton-isSelected {
-    font-weight: 600; }
-  .euiButtonGroup--compressed .euiButtonGroupButton:not([class*='isDisabled']):focus, .euiButtonGroup--compressed .euiButtonGroupButton:not([class*='isDisabled']):focus-within {
-    outline: 2px solid #36A2EF; }
-
-/**
- * 1. Footer is always at the bottom.
- * 2. Fix for IE where the image correctly resizes in width but doesn't collapse its height
-      (https://github.com/philipwalton/flexbugs/issues/75#issuecomment-134702421)
- * 3. Horizontal layouts should always top left align no matter the textAlign prop
- */
-.euiCard {
-  display: -webkit-flex;
-  display: flex;
-  -webkit-flex-direction: column;
-          flex-direction: column;
-  min-height: 1px;
-  /* 2 */ }
-  .euiCard.euiCard-isDisabled {
-    cursor: not-allowed !important;
-    -webkit-transform: none !important;
-            transform: none !important;
-    box-shadow: none !important;
-    text-decoration: none !important;
-    background-color: rgba(81, 87, 97, 0.1) !important;
-    color: #515761; }
-    .euiCard.euiCard-isDisabled .euiCard__top {
-      -webkit-filter: grayscale(100%);
-              filter: grayscale(100%); }
-    .euiCard.euiCard-isDisabled .euiCard__titleAnchor,
-    .euiCard.euiCard-isDisabled .euiCard__titleButton {
-      color: #515761;
-      cursor: inherit; }
-    .euiCard.euiCard-isDisabled .euiCard__betaBadge:not(.euiBetaBadge-isClickable):not(.euiBetaBadge--hollow) {
-      box-shadow: inset 0 0 0 1px #343741;
-      background: transparent;
-      color: inherit; }
-    .euiCard.euiCard-isDisabled .euiCard__betaBadge:not(.euiBetaBadge-isClickable).euiBetaBadge--hollow {
-      background-color: #1D1E24; }
-  .euiCard.euiCard--isClickable {
-    display: -webkit-flex;
-    display: flex;
-    width: 100%; }
-    .euiCard.euiCard--isClickable:not(.euiCard-isDisabled):focus-within {
-      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
-      outline: 2px solid currentColor; }
-      .euiCard.euiCard--isClickable:not(.euiCard-isDisabled):focus-within:focus-visible {
-        outline-style: auto; }
-      .euiCard.euiCard--isClickable:not(.euiCard-isDisabled):focus-within:not(:focus-visible) {
-        outline: none; }
-    .euiCard.euiCard--isClickable:not(.euiCard-isDisabled):focus .euiCard__title,
-    .euiCard.euiCard--isClickable:not(.euiCard-isDisabled):focus .euiCard__titleAnchor,
-    .euiCard.euiCard--isClickable:not(.euiCard-isDisabled):focus .euiCard__titleButton, .euiCard.euiCard--isClickable:not(.euiCard-isDisabled):hover .euiCard__title,
-    .euiCard.euiCard--isClickable:not(.euiCard-isDisabled):hover .euiCard__titleAnchor,
-    .euiCard.euiCard--isClickable:not(.euiCard-isDisabled):hover .euiCard__titleButton {
-      text-decoration: underline; }
-  .euiCard .euiCard__top,
-  .euiCard .euiCard__content,
-  .euiCard .euiCard__footer {
-    width: 100%; }
-  .euiCard.euiCard--leftAligned {
-    text-align: left;
-    -webkit-align-items: flex-start;
-            align-items: flex-start; }
-    .euiCard.euiCard--leftAligned .euiCard__titleButton {
-      text-align: left; }
-  .euiCard.euiCard--centerAligned {
-    text-align: center;
-    -webkit-align-items: center;
-            align-items: center; }
-  .euiCard.euiCard--rightAligned {
-    text-align: right;
-    -webkit-align-items: flex-end;
-            align-items: flex-end; }
-    .euiCard.euiCard--rightAligned .euiCard__titleButton {
-      text-align: right; }
-  .euiCard.euiCard-isSelected {
-    transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
-
-.euiCard--hasBetaBadge {
-  position: relative;
-  overflow: visible; }
-  .euiCard--hasBetaBadge .euiCard__betaBadgeWrapper {
-    position: absolute;
-    top: -12px;
-    left: 50%;
-    -webkit-transform: translateX(-50%);
-            transform: translateX(-50%);
-    z-index: 3;
-    min-width: 30%;
-    max-width: calc(100% - 32px); }
-    .euiCard--hasBetaBadge .euiCard__betaBadgeWrapper .euiToolTipAnchor,
-    .euiCard--hasBetaBadge .euiCard__betaBadgeWrapper .euiCard__betaBadge {
-      width: 100%; }
-    .euiCard--hasBetaBadge .euiCard__betaBadgeWrapper .euiCard__betaBadge {
-      overflow: hidden;
-      text-overflow: ellipsis; }
-
-.euiCard__betaBadge.euiBetaBadge--hollow {
-  background-color: #1D1E24; }
-
-.euiCard--isSelectable {
-  position: relative; }
-
-.euiCard[class*='paddingSmall'] {
-  padding: 8px; }
-  .euiCard[class*='paddingSmall'].euiCard--isSelectable {
-    padding-bottom: 48px; }
-  .euiCard[class*='paddingSmall'] .euiCard__top .euiCard__image {
-    width: calc(100% + (8px * 2));
-    left: -8px;
-    top: -8px;
-    margin-bottom: -8px; }
-    .euiCard[class*='paddingSmall'] .euiCard__top .euiCard__image + .euiCard__icon {
-      -webkit-transform: translate(-50%, -75%);
-              transform: translate(-50%, -75%);
-      -webkit-transform: translate(-50%, calc(-50% + -8px));
-              transform: translate(-50%, calc(-50% + -8px)); }
-
-.euiCard[class*='paddingMedium'] {
-  padding: 16px; }
-  .euiCard[class*='paddingMedium'].euiCard--isSelectable {
-    padding-bottom: 56px; }
-  .euiCard[class*='paddingMedium'] .euiCard__top .euiCard__image {
-    width: calc(100% + (16px * 2));
-    left: -16px;
-    top: -16px;
-    margin-bottom: -16px; }
-    .euiCard[class*='paddingMedium'] .euiCard__top .euiCard__image + .euiCard__icon {
-      -webkit-transform: translate(-50%, -75%);
-              transform: translate(-50%, -75%);
-      -webkit-transform: translate(-50%, calc(-50% + -16px));
-              transform: translate(-50%, calc(-50% + -16px)); }
-
-.euiCard[class*='paddingLarge'] {
-  padding: 24px; }
-  .euiCard[class*='paddingLarge'].euiCard--isSelectable {
-    padding-bottom: 64px; }
-  .euiCard[class*='paddingLarge'] .euiCard__top .euiCard__image {
-    width: calc(100% + (24px * 2));
-    left: -24px;
-    top: -24px;
-    margin-bottom: -24px; }
-    .euiCard[class*='paddingLarge'] .euiCard__top .euiCard__image + .euiCard__icon {
-      -webkit-transform: translate(-50%, -75%);
-              transform: translate(-50%, -75%);
-      -webkit-transform: translate(-50%, calc(-50% + -24px));
-              transform: translate(-50%, calc(-50% + -24px)); }
-
-.euiCard__top {
-  -webkit-flex-grow: 0;
-          flex-grow: 0;
-  /* 1 */
-  position: relative;
-  min-height: 1px;
-  /* 2 */
-  font-size: 0; }
-  .euiCard__top .euiCard__image {
-    position: relative;
-    border-top-left-radius: 5px;
-    border-top-right-radius: 5px;
-    overflow: hidden; }
-    .euiCard__top .euiCard__image img {
-      width: 100%; }
-    .euiCard__top .euiCard__image + .euiCard__icon {
-      position: absolute;
-      top: 50%;
-      left: 50%; }
-  .euiCard__top .euiCard__icon {
-    margin-top: 8px; }
-
-.euiCard__footer:not(:empty) {
-  -webkit-flex-grow: 0;
-          flex-grow: 0;
-  /* 1 */
-  margin-top: 16px; }
-
-.euiCard[class*='transparent'] .euiCard__image {
-  border-radius: 6px; }
-
-.euiCard--isSelectable--text.euiCard-isSelected:not(.euiCard-isDisabled) {
-  border-color: #7DDED8 !important; }
-
-.euiCard--isSelectable--primary.euiCard-isSelected:not(.euiCard-isDisabled) {
-  border-color: #36A2EF !important; }
-
-.euiCard--isSelectable--success.euiCard-isSelected:not(.euiCard-isDisabled) {
-  border-color: #7DDED8 !important; }
-
-.euiCard--isSelectable--danger.euiCard-isSelected:not(.euiCard-isDisabled) {
-  border-color: #F86B63 !important; }
-
-.euiCard--isSelectable--ghost.euiCard-isSelected:not(.euiCard-isDisabled) {
-  border-color: #98A2B3 !important; }
-
-.euiCard__top + .euiCard__content {
-  margin-top: 16px; }
-
-.euiCard__content {
-  -webkit-flex-grow: 1;
-          flex-grow: 1;
-  /* 1 */ }
-  .euiCard__content .euiCard__description,
-  .euiCard__content .euiCard__children {
-    margin-top: 8px; }
-  .euiCard__content .euiCard__titleAnchor,
-  .euiCard__content .euiCard__titleButton {
-    font: inherit;
-    color: inherit;
-    letter-spacing: inherit; }
-    .euiCard__content .euiCard__titleAnchor:focus,
-    .euiCard__content .euiCard__titleButton:focus {
-      text-decoration: underline; }
-
-.euiCard.euiCard--horizontal .euiCard__content,
-.euiCard.euiCard--horizontal .euiCard__titleButton {
-  text-align: left;
-  /* 3 */ }
-
-.euiCard.euiCard--horizontal.euiCard--hasIcon {
-  -webkit-flex-direction: row;
-          flex-direction: row;
-  -webkit-align-items: flex-start !important;
-          align-items: flex-start !important;
-  /* 3 */ }
-  .euiCard.euiCard--horizontal.euiCard--hasIcon .euiCard__top,
-  .euiCard.euiCard--horizontal.euiCard--hasIcon .euiCard__content {
-    width: auto;
-    margin-top: 0; }
-  .euiCard.euiCard--horizontal.euiCard--hasIcon .euiCard__top .euiCard__icon {
-    margin-top: 0;
-    margin-right: 16px; }
-
-.euiCardSelect {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  height: 40px !important;
-  width: 100%;
-  overflow: hidden;
-  border-bottom-left-radius: 5px;
-  border-bottom-right-radius: 5px;
-  font-weight: 700; }
-  .euiCardSelect--text:enabled {
-    background-color: #25262E !important; }
-  .euiCardSelect--primary:enabled {
-    background-color: #103148 !important; }
-  .euiCardSelect--success:enabled {
-    background-color: #264341 !important;
-    color: #7DDED8; }
-  .euiCardSelect--danger:enabled {
-    background-color: #4a201e !important; }
-  .euiCardSelect--ghost:enabled {
-    background-color: #98A2B3 !important; }
-  .euiCardSelect:disabled {
-    background-color: #141519; }
+ */
+.euiButtonGroup--medium .euiButtonGroupButton,
+.euiButtonGroup--small .euiButtonGroupButton {
+  border-radius: 0 !important;
+  font-weight: 500; }
+  .euiButtonGroup--medium .euiButtonGroupButton:focus, .euiButtonGroup--medium .euiButtonGroupButton:focus-within,
+  .euiButtonGroup--small .euiButtonGroupButton:focus,
+  .euiButtonGroup--small .euiButtonGroupButton:focus-within {
+    outline-style: solid;
+    outline-color: #FFF;
+    outline-offset: -2px; }
+    .euiButtonGroup--medium .euiButtonGroupButton:focus:focus-visible, .euiButtonGroup--medium .euiButtonGroupButton:focus-within:focus-visible,
+    .euiButtonGroup--small .euiButtonGroupButton:focus:focus-visible,
+    .euiButtonGroup--small .euiButtonGroupButton:focus-within:focus-visible {
+      outline-style: auto; }
+  .euiButtonGroup--medium .euiButtonGroupButton:focus:not(:focus-visible),
+  .euiButtonGroup--small .euiButtonGroupButton:focus:not(:focus-visible) {
+    outline: none; }
+  .euiButtonGroup--medium .euiButtonGroupButton:not(:first-child):not(.euiButtonGroupButton-isSelected):not(:disabled),
+  .euiButtonGroup--small .euiButtonGroupButton:not(:first-child):not(.euiButtonGroupButton-isSelected):not(:disabled) {
+    box-shadow: -1px 0 0 0 rgba(0, 0, 0, 0.05); }
+  .euiButtonGroup--medium .euiButtonGroupButton:first-child,
+  .euiButtonGroup--small .euiButtonGroupButton:first-child {
+    border-radius: 6px 0 0 6px; }
+  .euiButtonGroup--medium .euiButtonGroupButton:last-child,
+  .euiButtonGroup--small .euiButtonGroupButton:last-child {
+    border-radius: 0 6px 6px 0; }
 
-.euiCheckableCard {
-  transition: border-color 250ms ease-in; }
-  .euiCheckableCard:not(.euiCheckableCard-isDisabled).euiCheckableCard-isChecked {
-    border-color: #36A2EF; }
+.euiButtonGroup--medium .euiButtonGroupButton-isSelected,
+.euiButtonGroup--small .euiButtonGroupButton-isSelected {
+  z-index: 0; }
 
-.euiCheckableCard__label {
-  cursor: pointer;
-  display: block;
-  width: calc(100% + 32px);
-  padding: 16px;
-  margin: -16px; }
+.euiButtonGroup--medium .euiButtonGroupButton-isSelected + .euiButtonGroupButton-isSelected,
+.euiButtonGroup--small .euiButtonGroupButton-isSelected + .euiButtonGroupButton-isSelected {
+  box-shadow: -1px 0 0 rgba(29, 30, 36, 0.1); }
 
-.euiCheckableCard__label-isDisabled {
-  color: #535966;
-  cursor: not-allowed; }
+.euiButtonGroup--small .euiButtonGroup__buttons {
+  border-radius: 4px; }
 
-.euiCheckableCard__children {
-  margin-top: 16px; }
+/**
+ * Compressed (form style)
+ */
+.euiButtonGroup--compressed .euiButtonGroupButton {
+  height: 30px;
+  line-height: 30px;
+  font-size: 14px;
+  border-radius: 5px;
+  padding: 2px;
+  background-clip: content-box; }
+  .euiButtonGroup--compressed .euiButtonGroupButton .euiButton__content {
+    padding-left: 8px;
+    padding-right: 8px; }
+  .euiButtonGroup--compressed .euiButtonGroupButton.euiButtonGroupButton-isSelected {
+    font-weight: 600; }
+  .euiButtonGroup--compressed .euiButtonGroupButton:not(:disabled):focus, .euiButtonGroup--compressed .euiButtonGroupButton:not(:disabled):focus-within {
+    outline: 2px solid currentColor; }
+  .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-primary']:not(:disabled):focus, .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-primary']:not(:disabled):focus-within {
+    outline-color: #36A2EF; }
+    .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-primary']:not(:disabled):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-primary']:not(:disabled):focus-within:focus-visible {
+      outline-style: auto; }
+  .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-primary']:not(:disabled):focus:not(:focus-visible) {
+    outline: none; }
+  .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-accent']:not(:disabled):focus, .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-accent']:not(:disabled):focus-within {
+    outline-color: #F68FBE; }
+    .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-accent']:not(:disabled):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-accent']:not(:disabled):focus-within:focus-visible {
+      outline-style: auto; }
+  .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-accent']:not(:disabled):focus:not(:focus-visible) {
+    outline: none; }
+  .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-success']:not(:disabled):focus, .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-success']:not(:disabled):focus-within {
+    outline-color: #7DDED8; }
+    .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-success']:not(:disabled):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-success']:not(:disabled):focus-within:focus-visible {
+      outline-style: auto; }
+  .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-success']:not(:disabled):focus:not(:focus-visible) {
+    outline: none; }
+  .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-warning']:not(:disabled):focus, .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-warning']:not(:disabled):focus-within {
+    outline-color: #F3D371; }
+    .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-warning']:not(:disabled):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-warning']:not(:disabled):focus-within:focus-visible {
+      outline-style: auto; }
+  .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-warning']:not(:disabled):focus:not(:focus-visible) {
+    outline: none; }
+  .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-danger']:not(:disabled):focus, .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-danger']:not(:disabled):focus-within {
+    outline-color: #F86B63; }
+    .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-danger']:not(:disabled):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-danger']:not(:disabled):focus-within:focus-visible {
+      outline-style: auto; }
+  .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-danger']:not(:disabled):focus:not(:focus-visible) {
+    outline: none; }
+  .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-ghost']:not(:disabled):focus, .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-ghost']:not(:disabled):focus-within {
+    outline-color: #FFF; }
+    .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-ghost']:not(:disabled):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-ghost']:not(:disabled):focus-within:focus-visible {
+      outline-style: auto; }
+  .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-ghost']:not(:disabled):focus:not(:focus-visible) {
+    outline: none; }
+  .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-text']:not(:disabled):focus, .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-text']:not(:disabled):focus-within {
+    outline-color: #98A2B3; }
+    .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-text']:not(:disabled):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-text']:not(:disabled):focus-within:focus-visible {
+      outline-style: auto; }
+  .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-text']:not(:disabled):focus:not(:focus-visible) {
+    outline: none; }
 
 .euiCodeBlock {
   max-width: 100%;
@@ -3544,14 +2854,11 @@ SOFTWARE.
 .euiControlBar__controls .euiLink.euiLink--text {
   color: #FFF; }
 
-.euiControlBar__controls .euiControlBar__button.euiButton--primary:enabled {
-  box-shadow: none; }
-
-.euiControlBar__controls .euiControlBar__button.euiButton--primary:enabled:not(.euiButton--fill) {
+.euiControlBar__controls .euiControlBar__button.euiButton[class*='primary']:enabled:not(.euiButton--fill) {
   color: #36A2EF;
   border-color: #36A2EF; }
 
-.euiControlBar__controls .euiButtonIcon--primary {
+.euiControlBar__controls .euiButtonIcon[class*='primary'] {
   color: #36A2EF; }
 
 .euiControlBar__controls .euiLink.euiLink--accent {
@@ -3562,14 +2869,11 @@ SOFTWARE.
 .euiControlBar__controls .euiLink.euiLink--text {
   color: #FFF; }
 
-.euiControlBar__controls .euiControlBar__button.euiButton--accent:enabled {
-  box-shadow: none; }
-
-.euiControlBar__controls .euiControlBar__button.euiButton--accent:enabled:not(.euiButton--fill) {
+.euiControlBar__controls .euiControlBar__button.euiButton[class*='accent']:enabled:not(.euiButton--fill) {
   color: #F68FBE;
   border-color: #F68FBE; }
 
-.euiControlBar__controls .euiButtonIcon--accent {
+.euiControlBar__controls .euiButtonIcon[class*='accent'] {
   color: #F68FBE; }
 
 .euiControlBar__controls .euiLink.euiLink--success {
@@ -3580,14 +2884,11 @@ SOFTWARE.
 .euiControlBar__controls .euiLink.euiLink--text {
   color: #FFF; }
 
-.euiControlBar__controls .euiControlBar__button.euiButton--success:enabled {
-  box-shadow: none; }
-
-.euiControlBar__controls .euiControlBar__button.euiButton--success:enabled:not(.euiButton--fill) {
+.euiControlBar__controls .euiControlBar__button.euiButton[class*='success']:enabled:not(.euiButton--fill) {
   color: #7DDED8;
   border-color: #7DDED8; }
 
-.euiControlBar__controls .euiButtonIcon--success {
+.euiControlBar__controls .euiButtonIcon[class*='success'] {
   color: #7DDED8; }
 
 .euiControlBar__controls .euiLink.euiLink--warning {
@@ -3598,14 +2899,11 @@ SOFTWARE.
 .euiControlBar__controls .euiLink.euiLink--text {
   color: #FFF; }
 
-.euiControlBar__controls .euiControlBar__button.euiButton--warning:enabled {
-  box-shadow: none; }
-
-.euiControlBar__controls .euiControlBar__button.euiButton--warning:enabled:not(.euiButton--fill) {
+.euiControlBar__controls .euiControlBar__button.euiButton[class*='warning']:enabled:not(.euiButton--fill) {
   color: #F3D371;
   border-color: #F3D371; }
 
-.euiControlBar__controls .euiButtonIcon--warning {
+.euiControlBar__controls .euiButtonIcon[class*='warning'] {
   color: #F3D371; }
 
 .euiControlBar__controls .euiLink.euiLink--danger {
@@ -3616,14 +2914,11 @@ SOFTWARE.
 .euiControlBar__controls .euiLink.euiLink--text {
   color: #FFF; }
 
-.euiControlBar__controls .euiControlBar__button.euiButton--danger:enabled {
-  box-shadow: none; }
-
-.euiControlBar__controls .euiControlBar__button.euiButton--danger:enabled:not(.euiButton--fill) {
+.euiControlBar__controls .euiControlBar__button.euiButton[class*='danger']:enabled:not(.euiButton--fill) {
   color: #F86B63;
   border-color: #F86B63; }
 
-.euiControlBar__controls .euiButtonIcon--danger {
+.euiControlBar__controls .euiButtonIcon[class*='danger'] {
   color: #F86B63; }
 
 .euiControlBar__controls .euiLink.euiLink--ghost {
@@ -3634,14 +2929,11 @@ SOFTWARE.
 .euiControlBar__controls .euiLink.euiLink--text {
   color: #FFF; }
 
-.euiControlBar__controls .euiControlBar__button.euiButton--ghost:enabled {
-  box-shadow: none; }
-
-.euiControlBar__controls .euiControlBar__button.euiButton--ghost:enabled:not(.euiButton--fill) {
+.euiControlBar__controls .euiControlBar__button.euiButton[class*='ghost']:enabled:not(.euiButton--fill) {
   color: #FFF;
   border-color: #FFF; }
 
-.euiControlBar__controls .euiButtonIcon--ghost {
+.euiControlBar__controls .euiButtonIcon[class*='ghost'] {
   color: #FFF; }
 
 .euiControlBar__controls .euiLink.euiLink--text {
@@ -3652,14 +2944,11 @@ SOFTWARE.
 .euiControlBar__controls .euiLink.euiLink--text {
   color: #FFF; }
 
-.euiControlBar__controls .euiControlBar__button.euiButton--text:enabled {
-  box-shadow: none; }
-
-.euiControlBar__controls .euiControlBar__button.euiButton--text:enabled:not(.euiButton--fill) {
+.euiControlBar__controls .euiControlBar__button.euiButton[class*='text']:enabled:not(.euiButton--fill) {
   color: #98A2B3;
   border-color: #98A2B3; }
 
-.euiControlBar__controls .euiButtonIcon--text {
+.euiControlBar__controls .euiButtonIcon[class*='text'] {
   color: #98A2B3; }
 
 @media only screen and (max-width: 574px) {
@@ -4383,7 +3672,10 @@ SOFTWARE.
   overflow: auto;
   max-width: 400px !important;
   max-height: 400px !important;
-  z-index: 1000 !important; }
+  z-index: 1000 !important;
+  -webkit-filter: none;
+          filter: none;
+  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125); }
   .euiDataGridRowCell__popover::-webkit-scrollbar {
     width: 16px;
     height: 16px; }
@@ -5653,11 +4945,12 @@ SOFTWARE.
     outline: none; }
 
 .euiFlyout__closeButton {
-  background-color: rgba(29, 30, 36, 0.9);
   position: absolute;
   right: 8px;
   top: 8px;
   z-index: 3; }
+  .euiFlyout__closeButton:not(.euiFlyout__closeButton--outside) {
+    background-color: rgba(29, 30, 36, 0.9); }
   .euiFlyout__closeButton--outside {
     box-shadow: 0 2.7px 9px rgba(0, 0, 0, 0.325), 0 9.4px 24px rgba(0, 0, 0, 0.225), 0 21.8px 43px rgba(0, 0, 0, 0.2);
     right: auto;
@@ -12339,378 +11632,6 @@ button.euiSuggestItem {
     -webkit-transform: translateY(0);
             transform: translateY(0); } }
 
-.euiButton,
-.euiButtonIcon {
-  box-shadow: none !important; }
-
-.euiButton.euiButton-isDisabled:not(.euiButton--ghost), .euiButton.euiButton-isDisabled:not(.euiButton--ghost):hover,
-.euiButtonIcon.euiButtonIcon-isDisabled:not(.euiButtonIcon--ghost),
-.euiButtonIcon.euiButtonIcon-isDisabled:not(.euiButtonIcon--ghost):hover {
-  background-color: rgba(81, 87, 97, 0.1);
-  color: #515761; }
-
-.euiButtonIcon--empty.euiButtonIcon-isDisabled:not(.euiButtonIcon--ghost), .euiButtonIcon--empty.euiButtonIcon-isDisabled:not(.euiButtonIcon--ghost):hover {
-  background-color: transparent;
-  color: #515761; }
-
-.euiButton--small,
-.euiButtonIcon--small,
-.euiButtonIcon--xSmall {
-  border-radius: 4px; }
-
-.euiButton--primary {
-  color: #36A2EF;
-  background-color: rgba(54, 162, 239, 0.2); }
-  .euiButton--primary:not([class*='isDisabled']):hover, .euiButton--primary:not([class*='isDisabled']):focus {
-    background-color: rgba(54, 162, 239, 0.2); }
-  .euiButton--primary.euiButton--fill:focus {
-    outline-color: #FFF; }
-  .euiButton--primary.euiButton--fill:not([class*='isDisabled']) {
-    color: #000; }
-    .euiButton--primary.euiButton--fill:not([class*='isDisabled']), .euiButton--primary.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--primary.euiButton--fill:not([class*='isDisabled']):focus {
-      background-color: #36A2EF; }
-
-.euiButton--accent {
-  color: #F68FBE;
-  background-color: rgba(246, 143, 190, 0.2); }
-  .euiButton--accent:not([class*='isDisabled']):hover, .euiButton--accent:not([class*='isDisabled']):focus {
-    background-color: rgba(246, 143, 190, 0.2); }
-  .euiButton--accent.euiButton--fill:focus {
-    outline-color: #FFF; }
-  .euiButton--accent.euiButton--fill:not([class*='isDisabled']) {
-    color: #000; }
-    .euiButton--accent.euiButton--fill:not([class*='isDisabled']), .euiButton--accent.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--accent.euiButton--fill:not([class*='isDisabled']):focus {
-      background-color: #F68FBE; }
-
-.euiButton--success {
-  color: #7DDED8;
-  background-color: rgba(125, 222, 216, 0.2); }
-  .euiButton--success:not([class*='isDisabled']):hover, .euiButton--success:not([class*='isDisabled']):focus {
-    background-color: rgba(125, 222, 216, 0.2); }
-  .euiButton--success.euiButton--fill:focus {
-    outline-color: #FFF; }
-  .euiButton--success.euiButton--fill:not([class*='isDisabled']) {
-    color: #000; }
-    .euiButton--success.euiButton--fill:not([class*='isDisabled']), .euiButton--success.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--success.euiButton--fill:not([class*='isDisabled']):focus {
-      background-color: #7DDED8; }
-
-.euiButton--warning {
-  color: #F3D371;
-  background-color: rgba(243, 211, 113, 0.2); }
-  .euiButton--warning:not([class*='isDisabled']):hover, .euiButton--warning:not([class*='isDisabled']):focus {
-    background-color: rgba(243, 211, 113, 0.2); }
-  .euiButton--warning.euiButton--fill:focus {
-    outline-color: #FFF; }
-  .euiButton--warning.euiButton--fill:not([class*='isDisabled']) {
-    color: #000; }
-    .euiButton--warning.euiButton--fill:not([class*='isDisabled']), .euiButton--warning.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--warning.euiButton--fill:not([class*='isDisabled']):focus {
-      background-color: #F3D371; }
-
-.euiButton--danger {
-  color: #F86B63;
-  background-color: rgba(248, 107, 99, 0.2); }
-  .euiButton--danger:not([class*='isDisabled']):hover, .euiButton--danger:not([class*='isDisabled']):focus {
-    background-color: rgba(248, 107, 99, 0.2); }
-  .euiButton--danger.euiButton--fill:focus {
-    outline-color: #FFF; }
-  .euiButton--danger.euiButton--fill:not([class*='isDisabled']) {
-    color: #000; }
-    .euiButton--danger.euiButton--fill:not([class*='isDisabled']), .euiButton--danger.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--danger.euiButton--fill:not([class*='isDisabled']):focus {
-      background-color: #F86B63; }
-
-.euiButton--ghost {
-  color: #FFF;
-  background-color: rgba(255, 255, 255, 0.2);
-  color: #FFF; }
-  .euiButton--ghost:not([class*='isDisabled']):hover, .euiButton--ghost:not([class*='isDisabled']):focus {
-    background-color: rgba(255, 255, 255, 0.2); }
-  .euiButton--ghost.euiButton--fill:not([class*='isDisabled']) {
-    color: #000; }
-    .euiButton--ghost.euiButton--fill:not([class*='isDisabled']), .euiButton--ghost.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--ghost.euiButton--fill:not([class*='isDisabled']):focus {
-      background-color: #FFF; }
-
-.euiButton--text {
-  color: #98A2B3;
-  background-color: rgba(152, 162, 179, 0.2);
-  color: #DFE5EF; }
-  .euiButton--text:not([class*='isDisabled']):hover, .euiButton--text:not([class*='isDisabled']):focus {
-    background-color: rgba(152, 162, 179, 0.2); }
-  .euiButton--text.euiButton--fill:not([class*='isDisabled']) {
-    color: #000; }
-    .euiButton--text.euiButton--fill:not([class*='isDisabled']), .euiButton--text.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--text.euiButton--fill:not([class*='isDisabled']):focus {
-      background-color: #98A2B3; }
-
-.euiButton.euiButton-isDisabled.euiButton--ghost, .euiButton.euiButton-isDisabled.euiButton--ghost:focus,
-.euiButton.euiButton-isDisabled.euiButton--ghost.euiButton--fill,
-.euiButton.euiButton-isDisabled.euiButton--ghost.euiButton--fill:focus {
-  color: #343741;
-  background-color: rgba(52, 55, 65, 0.1); }
-
-.euiButtonIcon--primary:not(.euiButtonIcon--empty) {
-  color: #36A2EF;
-  background-color: rgba(54, 162, 239, 0.2); }
-  .euiButtonIcon--primary:not(.euiButtonIcon--empty):not([class*='isDisabled']):hover, .euiButtonIcon--primary:not(.euiButtonIcon--empty):not([class*='isDisabled']):focus {
-    background-color: rgba(54, 162, 239, 0.2); }
-  .euiButtonIcon--primary:not(.euiButtonIcon--empty).euiButtonIcon--fill:focus {
-    outline-color: #FFF; }
-  .euiButtonIcon--primary:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']) {
-    color: #000; }
-    .euiButtonIcon--primary:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']), .euiButtonIcon--primary:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--primary:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):focus {
-      background-color: #36A2EF; }
-
-.euiButtonIcon--accent:not(.euiButtonIcon--empty) {
-  color: #F68FBE;
-  background-color: rgba(246, 143, 190, 0.2); }
-  .euiButtonIcon--accent:not(.euiButtonIcon--empty):not([class*='isDisabled']):hover, .euiButtonIcon--accent:not(.euiButtonIcon--empty):not([class*='isDisabled']):focus {
-    background-color: rgba(246, 143, 190, 0.2); }
-  .euiButtonIcon--accent:not(.euiButtonIcon--empty).euiButtonIcon--fill:focus {
-    outline-color: #FFF; }
-  .euiButtonIcon--accent:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']) {
-    color: #000; }
-    .euiButtonIcon--accent:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']), .euiButtonIcon--accent:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--accent:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):focus {
-      background-color: #F68FBE; }
-
-.euiButtonIcon--success:not(.euiButtonIcon--empty) {
-  color: #7DDED8;
-  background-color: rgba(125, 222, 216, 0.2); }
-  .euiButtonIcon--success:not(.euiButtonIcon--empty):not([class*='isDisabled']):hover, .euiButtonIcon--success:not(.euiButtonIcon--empty):not([class*='isDisabled']):focus {
-    background-color: rgba(125, 222, 216, 0.2); }
-  .euiButtonIcon--success:not(.euiButtonIcon--empty).euiButtonIcon--fill:focus {
-    outline-color: #FFF; }
-  .euiButtonIcon--success:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']) {
-    color: #000; }
-    .euiButtonIcon--success:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']), .euiButtonIcon--success:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--success:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):focus {
-      background-color: #7DDED8; }
-
-.euiButtonIcon--warning:not(.euiButtonIcon--empty) {
-  color: #F3D371;
-  background-color: rgba(243, 211, 113, 0.2); }
-  .euiButtonIcon--warning:not(.euiButtonIcon--empty):not([class*='isDisabled']):hover, .euiButtonIcon--warning:not(.euiButtonIcon--empty):not([class*='isDisabled']):focus {
-    background-color: rgba(243, 211, 113, 0.2); }
-  .euiButtonIcon--warning:not(.euiButtonIcon--empty).euiButtonIcon--fill:focus {
-    outline-color: #FFF; }
-  .euiButtonIcon--warning:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']) {
-    color: #000; }
-    .euiButtonIcon--warning:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']), .euiButtonIcon--warning:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--warning:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):focus {
-      background-color: #F3D371; }
-
-.euiButtonIcon--danger:not(.euiButtonIcon--empty) {
-  color: #F86B63;
-  background-color: rgba(248, 107, 99, 0.2); }
-  .euiButtonIcon--danger:not(.euiButtonIcon--empty):not([class*='isDisabled']):hover, .euiButtonIcon--danger:not(.euiButtonIcon--empty):not([class*='isDisabled']):focus {
-    background-color: rgba(248, 107, 99, 0.2); }
-  .euiButtonIcon--danger:not(.euiButtonIcon--empty).euiButtonIcon--fill:focus {
-    outline-color: #FFF; }
-  .euiButtonIcon--danger:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']) {
-    color: #000; }
-    .euiButtonIcon--danger:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']), .euiButtonIcon--danger:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--danger:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):focus {
-      background-color: #F86B63; }
-
-.euiButtonIcon--ghost:not(.euiButtonIcon--empty) {
-  color: #FFF;
-  background-color: rgba(255, 255, 255, 0.2);
-  color: #FFF; }
-  .euiButtonIcon--ghost:not(.euiButtonIcon--empty):not([class*='isDisabled']):hover, .euiButtonIcon--ghost:not(.euiButtonIcon--empty):not([class*='isDisabled']):focus {
-    background-color: rgba(255, 255, 255, 0.2); }
-  .euiButtonIcon--ghost:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']) {
-    color: #000; }
-    .euiButtonIcon--ghost:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']), .euiButtonIcon--ghost:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--ghost:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):focus {
-      background-color: #FFF; }
-
-.euiButtonIcon--text:not(.euiButtonIcon--empty) {
-  color: #98A2B3;
-  background-color: rgba(152, 162, 179, 0.2);
-  color: #DFE5EF; }
-  .euiButtonIcon--text:not(.euiButtonIcon--empty):not([class*='isDisabled']):hover, .euiButtonIcon--text:not(.euiButtonIcon--empty):not([class*='isDisabled']):focus {
-    background-color: rgba(152, 162, 179, 0.2); }
-  .euiButtonIcon--text:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']) {
-    color: #000; }
-    .euiButtonIcon--text:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']), .euiButtonIcon--text:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--text:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):focus {
-      background-color: #98A2B3; }
-
-.euiButtonIcon:not(.euiButtonIcon--empty).euiButtonIcon-isDisabled.euiButtonIcon--ghost, .euiButtonIcon:not(.euiButtonIcon--empty).euiButtonIcon-isDisabled.euiButtonIcon--ghost:focus,
-.euiButtonIcon.euiButtonIcon-isDisabled.euiButtonIcon--ghost.euiButtonIcon--fill,
-.euiButtonIcon.euiButtonIcon-isDisabled.euiButtonIcon--ghost.euiButtonIcon--fill:focus {
-  color: #343741;
-  background-color: rgba(52, 55, 65, 0.1); }
-
-.euiButtonEmpty {
-  border-radius: 6px; }
-  .euiButtonEmpty.euiButtonEmpty--small, .euiButtonEmpty.euiButtonEmpty--xSmall {
-    border-radius: 4.002px; }
-  .euiButtonEmpty.euiButtonEmpty--xSmall {
-    font-size: 12px; }
-
-.euiButtonEmpty--primary:enabled:focus {
-  background-color: rgba(54, 162, 239, 0.2); }
-
-.euiButtonEmpty--accent:enabled:focus {
-  background-color: rgba(246, 143, 190, 0.2); }
-
-.euiButtonEmpty--success:enabled:focus {
-  background-color: rgba(125, 222, 216, 0.2); }
-
-.euiButtonEmpty--warning:enabled:focus {
-  background-color: rgba(243, 211, 113, 0.2); }
-
-.euiButtonEmpty--danger:enabled:focus {
-  background-color: rgba(248, 107, 99, 0.2); }
-
-.euiButtonEmpty--ghost:enabled:focus {
-  background-color: rgba(255, 255, 255, 0.2); }
-
-.euiButtonEmpty--text:enabled:focus {
-  background-color: rgba(152, 162, 179, 0.2); }
-
-.euiButtonGroup__buttons {
-  box-shadow: none !important; }
-
-.euiButtonGroup--medium .euiButtonGroupButton,
-.euiButtonGroup--small .euiButtonGroupButton {
-  border: none !important;
-  border-radius: 0 !important;
-  font-weight: 500; }
-  .euiButtonGroup--medium .euiButtonGroupButton:focus, .euiButtonGroup--medium .euiButtonGroupButton:focus-within,
-  .euiButtonGroup--small .euiButtonGroupButton:focus,
-  .euiButtonGroup--small .euiButtonGroupButton:focus-within {
-    outline-style: solid;
-    outline-color: #FFF;
-    outline-offset: -2px; }
-    .euiButtonGroup--medium .euiButtonGroupButton:focus:focus-visible, .euiButtonGroup--medium .euiButtonGroupButton:focus-within:focus-visible,
-    .euiButtonGroup--small .euiButtonGroupButton:focus:focus-visible,
-    .euiButtonGroup--small .euiButtonGroupButton:focus-within:focus-visible {
-      outline-style: auto; }
-  .euiButtonGroup--medium .euiButtonGroupButton:focus:not(:focus-visible),
-  .euiButtonGroup--small .euiButtonGroupButton:focus:not(:focus-visible) {
-    outline: none; }
-
-.euiButtonGroup--medium .euiButtonGroupButton-isDisabled:not(.euiButtonGroupButton--ghost):not(.euiButtonGroupButton-isSelected),
-.euiButtonGroup--small .euiButtonGroupButton-isDisabled:not(.euiButtonGroupButton--ghost):not(.euiButtonGroupButton-isSelected) {
-  background-color: rgba(81, 87, 97, 0.3);
-  color: #515761; }
-
-.euiButtonGroup--medium .euiButtonGroupButton--primary,
-.euiButtonGroup--small .euiButtonGroupButton--primary {
-  color: #36A2EF;
-  background-color: rgba(54, 162, 239, 0.2); }
-  .euiButtonGroup--medium .euiButtonGroupButton--primary:not([class*='isDisabled']):hover, .euiButtonGroup--medium .euiButtonGroupButton--primary:not([class*='isDisabled']):focus,
-  .euiButtonGroup--small .euiButtonGroupButton--primary:not([class*='isDisabled']):hover,
-  .euiButtonGroup--small .euiButtonGroupButton--primary:not([class*='isDisabled']):focus {
-    background-color: rgba(54, 162, 239, 0.2); }
-
-.euiButtonGroup--medium .euiButtonGroupButton--accent,
-.euiButtonGroup--small .euiButtonGroupButton--accent {
-  color: #F68FBE;
-  background-color: rgba(246, 143, 190, 0.2); }
-  .euiButtonGroup--medium .euiButtonGroupButton--accent:not([class*='isDisabled']):hover, .euiButtonGroup--medium .euiButtonGroupButton--accent:not([class*='isDisabled']):focus,
-  .euiButtonGroup--small .euiButtonGroupButton--accent:not([class*='isDisabled']):hover,
-  .euiButtonGroup--small .euiButtonGroupButton--accent:not([class*='isDisabled']):focus {
-    background-color: rgba(246, 143, 190, 0.2); }
-
-.euiButtonGroup--medium .euiButtonGroupButton--success,
-.euiButtonGroup--small .euiButtonGroupButton--success {
-  color: #7DDED8;
-  background-color: rgba(125, 222, 216, 0.2); }
-  .euiButtonGroup--medium .euiButtonGroupButton--success:not([class*='isDisabled']):hover, .euiButtonGroup--medium .euiButtonGroupButton--success:not([class*='isDisabled']):focus,
-  .euiButtonGroup--small .euiButtonGroupButton--success:not([class*='isDisabled']):hover,
-  .euiButtonGroup--small .euiButtonGroupButton--success:not([class*='isDisabled']):focus {
-    background-color: rgba(125, 222, 216, 0.2); }
-
-.euiButtonGroup--medium .euiButtonGroupButton--warning,
-.euiButtonGroup--small .euiButtonGroupButton--warning {
-  color: #F3D371;
-  background-color: rgba(243, 211, 113, 0.2); }
-  .euiButtonGroup--medium .euiButtonGroupButton--warning:not([class*='isDisabled']):hover, .euiButtonGroup--medium .euiButtonGroupButton--warning:not([class*='isDisabled']):focus,
-  .euiButtonGroup--small .euiButtonGroupButton--warning:not([class*='isDisabled']):hover,
-  .euiButtonGroup--small .euiButtonGroupButton--warning:not([class*='isDisabled']):focus {
-    background-color: rgba(243, 211, 113, 0.2); }
-
-.euiButtonGroup--medium .euiButtonGroupButton--danger,
-.euiButtonGroup--small .euiButtonGroupButton--danger {
-  color: #F86B63;
-  background-color: rgba(248, 107, 99, 0.2); }
-  .euiButtonGroup--medium .euiButtonGroupButton--danger:not([class*='isDisabled']):hover, .euiButtonGroup--medium .euiButtonGroupButton--danger:not([class*='isDisabled']):focus,
-  .euiButtonGroup--small .euiButtonGroupButton--danger:not([class*='isDisabled']):hover,
-  .euiButtonGroup--small .euiButtonGroupButton--danger:not([class*='isDisabled']):focus {
-    background-color: rgba(248, 107, 99, 0.2); }
-
-.euiButtonGroup--medium .euiButtonGroupButton--ghost,
-.euiButtonGroup--small .euiButtonGroupButton--ghost {
-  color: #FFF;
-  background-color: rgba(255, 255, 255, 0.2);
-  color: #FFF; }
-  .euiButtonGroup--medium .euiButtonGroupButton--ghost:not([class*='isDisabled']):hover, .euiButtonGroup--medium .euiButtonGroupButton--ghost:not([class*='isDisabled']):focus,
-  .euiButtonGroup--small .euiButtonGroupButton--ghost:not([class*='isDisabled']):hover,
-  .euiButtonGroup--small .euiButtonGroupButton--ghost:not([class*='isDisabled']):focus {
-    background-color: rgba(255, 255, 255, 0.2); }
-
-.euiButtonGroup--medium .euiButtonGroupButton--text,
-.euiButtonGroup--small .euiButtonGroupButton--text {
-  color: #98A2B3;
-  background-color: rgba(152, 162, 179, 0.2); }
-  .euiButtonGroup--medium .euiButtonGroupButton--text:not([class*='isDisabled']):hover, .euiButtonGroup--medium .euiButtonGroupButton--text:not([class*='isDisabled']):focus,
-  .euiButtonGroup--small .euiButtonGroupButton--text:not([class*='isDisabled']):hover,
-  .euiButtonGroup--small .euiButtonGroupButton--text:not([class*='isDisabled']):focus {
-    background-color: rgba(152, 162, 179, 0.2); }
-
-.euiButtonGroup--medium .euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:not(.euiButtonGroupButton-isSelected), .euiButtonGroup--medium .euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:not(.euiButtonGroupButton-isSelected):hover, .euiButtonGroup--medium .euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:not(.euiButtonGroupButton-isSelected):focus,
-.euiButtonGroup--small .euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:not(.euiButtonGroupButton-isSelected),
-.euiButtonGroup--small .euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:not(.euiButtonGroupButton-isSelected):hover,
-.euiButtonGroup--small .euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:not(.euiButtonGroupButton-isSelected):focus {
-  background-color: rgba(52, 55, 65, 0.3); }
-
-.euiButtonGroup--small .euiButtonGroup__buttons {
-  border-radius: 4px; }
-
-.euiButtonGroup--compressed .euiButtonGroupButton {
-  border-radius: 5px; }
-  .euiButtonGroup--compressed .euiButtonGroupButton--primary:not([class*='isDisabled']):focus, .euiButtonGroup--compressed .euiButtonGroupButton--primary:not([class*='isDisabled']):focus-within {
-    outline-color: #36A2EF; }
-    .euiButtonGroup--compressed .euiButtonGroupButton--primary:not([class*='isDisabled']):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton--primary:not([class*='isDisabled']):focus-within:focus-visible {
-      outline-style: auto; }
-  .euiButtonGroup--compressed .euiButtonGroupButton--primary:not([class*='isDisabled']):focus:not(:focus-visible) {
-    outline: none; }
-  .euiButtonGroup--compressed .euiButtonGroupButton--accent:not([class*='isDisabled']):focus, .euiButtonGroup--compressed .euiButtonGroupButton--accent:not([class*='isDisabled']):focus-within {
-    outline-color: #F68FBE; }
-    .euiButtonGroup--compressed .euiButtonGroupButton--accent:not([class*='isDisabled']):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton--accent:not([class*='isDisabled']):focus-within:focus-visible {
-      outline-style: auto; }
-  .euiButtonGroup--compressed .euiButtonGroupButton--accent:not([class*='isDisabled']):focus:not(:focus-visible) {
-    outline: none; }
-  .euiButtonGroup--compressed .euiButtonGroupButton--success:not([class*='isDisabled']):focus, .euiButtonGroup--compressed .euiButtonGroupButton--success:not([class*='isDisabled']):focus-within {
-    outline-color: #7DDED8; }
-    .euiButtonGroup--compressed .euiButtonGroupButton--success:not([class*='isDisabled']):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton--success:not([class*='isDisabled']):focus-within:focus-visible {
-      outline-style: auto; }
-  .euiButtonGroup--compressed .euiButtonGroupButton--success:not([class*='isDisabled']):focus:not(:focus-visible) {
-    outline: none; }
-  .euiButtonGroup--compressed .euiButtonGroupButton--warning:not([class*='isDisabled']):focus, .euiButtonGroup--compressed .euiButtonGroupButton--warning:not([class*='isDisabled']):focus-within {
-    outline-color: #F3D371; }
-    .euiButtonGroup--compressed .euiButtonGroupButton--warning:not([class*='isDisabled']):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton--warning:not([class*='isDisabled']):focus-within:focus-visible {
-      outline-style: auto; }
-  .euiButtonGroup--compressed .euiButtonGroupButton--warning:not([class*='isDisabled']):focus:not(:focus-visible) {
-    outline: none; }
-  .euiButtonGroup--compressed .euiButtonGroupButton--danger:not([class*='isDisabled']):focus, .euiButtonGroup--compressed .euiButtonGroupButton--danger:not([class*='isDisabled']):focus-within {
-    outline-color: #F86B63; }
-    .euiButtonGroup--compressed .euiButtonGroupButton--danger:not([class*='isDisabled']):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton--danger:not([class*='isDisabled']):focus-within:focus-visible {
-      outline-style: auto; }
-  .euiButtonGroup--compressed .euiButtonGroupButton--danger:not([class*='isDisabled']):focus:not(:focus-visible) {
-    outline: none; }
-  .euiButtonGroup--compressed .euiButtonGroupButton--ghost:not([class*='isDisabled']):focus, .euiButtonGroup--compressed .euiButtonGroupButton--ghost:not([class*='isDisabled']):focus-within {
-    outline-color: #FFF; }
-    .euiButtonGroup--compressed .euiButtonGroupButton--ghost:not([class*='isDisabled']):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton--ghost:not([class*='isDisabled']):focus-within:focus-visible {
-      outline-style: auto; }
-  .euiButtonGroup--compressed .euiButtonGroupButton--ghost:not([class*='isDisabled']):focus:not(:focus-visible) {
-    outline: none; }
-  .euiButtonGroup--compressed .euiButtonGroupButton--text:not([class*='isDisabled']):focus, .euiButtonGroup--compressed .euiButtonGroupButton--text:not([class*='isDisabled']):focus-within {
-    outline-color: #98A2B3; }
-    .euiButtonGroup--compressed .euiButtonGroupButton--text:not([class*='isDisabled']):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton--text:not([class*='isDisabled']):focus-within:focus-visible {
-      outline-style: auto; }
-  .euiButtonGroup--compressed .euiButtonGroupButton--text:not([class*='isDisabled']):focus:not(:focus-visible) {
-    outline: none; }
-
-.euiCard .euiCardSelect {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0; }
-
 .euiCode {
   border-radius: 4px;
   font-weight: 700;
@@ -12950,12 +11871,6 @@ button.euiSuggestItem {
   .euiSwitch .euiSwitch__button:focus .euiSwitch__track {
     outline: none; }
 
-/*
- * Creates the Amsterdam style of button with a transparent background
- */
-/*
- * Creates the Amsterdam style of fill button
- */
 .euiHeader {
   height: 48px;
   padding-left: 8px;