/* colors */
/* logo icon colors */
/* color shades */
/* heatmap display */
/* categorical display */
.gio-button-group {
  display: flex; }
  .gio-button-group .gio-button {
    margin: 0 0 10px; }
    .gio-button-group .gio-button:not(:last-child) {
      border-bottom-right-radius: 0;
      border-top-right-radius: 0; }
      .gio-button-group .gio-button:not(:last-child)[disabled] {
        border-right-color: #8d8d8d; }
      .gio-button-group .gio-button:not(:last-child):not([disabled]).gio-button-primary {
        border-right-color: #458e89; }
      .gio-button-group .gio-button:not(:last-child):not([disabled]).gio-button-secondary {
        border-right-color: #5f5f5f; }
      .gio-button-group .gio-button:not(:last-child):not([disabled]).gio-button-success {
        border-right-color: #639365; }
      .gio-button-group .gio-button:not(:last-child):not([disabled]).gio-button-info {
        border-right-color: #4c80ae; }
      .gio-button-group .gio-button:not(:last-child):not([disabled]).gio-button-warning {
        border-right-color: #ba883e; }
      .gio-button-group .gio-button:not(:last-child):not([disabled]).gio-button-danger {
        border-right-color: #ba684e; }
      .gio-button-group .gio-button:not(:last-child):not([disabled]).gio-button-primary-outline:active, .gio-button-group .gio-button:not(:last-child):not([disabled]).gio-button-primary-outline:focus, .gio-button-group .gio-button:not(:last-child):not([disabled]).gio-button-primary-outline:hover {
        border-right-color: #458e89; }
      .gio-button-group .gio-button:not(:last-child):not([disabled]).gio-button-secondary-outline:active, .gio-button-group .gio-button:not(:last-child):not([disabled]).gio-button-secondary-outline:focus, .gio-button-group .gio-button:not(:last-child):not([disabled]).gio-button-secondary-outline:hover {
        border-right-color: #5f5f5f; }
      .gio-button-group .gio-button:not(:last-child):not([disabled]).gio-button-success-outline:active, .gio-button-group .gio-button:not(:last-child):not([disabled]).gio-button-success-outline:focus, .gio-button-group .gio-button:not(:last-child):not([disabled]).gio-button-success-outline:hover {
        border-right-color: #639365; }
      .gio-button-group .gio-button:not(:last-child):not([disabled]).gio-button-info-outline:active, .gio-button-group .gio-button:not(:last-child):not([disabled]).gio-button-info-outline:focus, .gio-button-group .gio-button:not(:last-child):not([disabled]).gio-button-info-outline:hover {
        border-right-color: #4c80ae; }
      .gio-button-group .gio-button:not(:last-child):not([disabled]).gio-button-warning-outline:active, .gio-button-group .gio-button:not(:last-child):not([disabled]).gio-button-warning-outline:focus, .gio-button-group .gio-button:not(:last-child):not([disabled]).gio-button-warning-outline:hover {
        border-right-color: #ba883e; }
      .gio-button-group .gio-button:not(:last-child):not([disabled]).gio-button-danger-outline:active, .gio-button-group .gio-button:not(:last-child):not([disabled]).gio-button-danger-outline:focus, .gio-button-group .gio-button:not(:last-child):not([disabled]).gio-button-danger-outline:hover {
        border-right-color: #ba684e; }
    .gio-button-group .gio-button:not(:first-child) {
      border-bottom-left-radius: 0;
      border-top-left-radius: 0; }
      .gio-button-group .gio-button:not(:first-child)[disabled] {
        border-left-color: #e8e8e8; }
      .gio-button-group .gio-button:not(:first-child):not([disabled]).gio-button-primary {
        border-left-color: #cdecea; }
      .gio-button-group .gio-button:not(:first-child):not([disabled]).gio-button-secondary {
        border-left-color: #d1d1d1; }
      .gio-button-group .gio-button:not(:first-child):not([disabled]).gio-button-success {
        border-left-color: #daeeda; }
      .gio-button-group .gio-button:not(:first-child):not([disabled]).gio-button-info {
        border-left-color: #d0e6fa; }
      .gio-button-group .gio-button:not(:first-child):not([disabled]).gio-button-warning {
        border-left-color: #ffe9ca; }
      .gio-button-group .gio-button:not(:first-child):not([disabled]).gio-button-danger {
        border-left-color: #ffdcd1; }
      .gio-button-group .gio-button:not(:first-child):not([disabled]).gio-button-primary-outline {
        border-left-color: #ffffff; }
        .gio-button-group .gio-button:not(:first-child):not([disabled]).gio-button-primary-outline:active, .gio-button-group .gio-button:not(:first-child):not([disabled]).gio-button-primary-outline:focus, .gio-button-group .gio-button:not(:first-child):not([disabled]).gio-button-primary-outline:hover {
          border-left-color: #cdecea; }
      .gio-button-group .gio-button:not(:first-child):not([disabled]).gio-button-secondary-outline {
        border-left-color: #ffffff; }
        .gio-button-group .gio-button:not(:first-child):not([disabled]).gio-button-secondary-outline:active, .gio-button-group .gio-button:not(:first-child):not([disabled]).gio-button-secondary-outline:focus, .gio-button-group .gio-button:not(:first-child):not([disabled]).gio-button-secondary-outline:hover {
          border-left-color: #d1d1d1; }
      .gio-button-group .gio-button:not(:first-child):not([disabled]).gio-button-success-outline {
        border-left-color: #ffffff; }
        .gio-button-group .gio-button:not(:first-child):not([disabled]).gio-button-success-outline:active, .gio-button-group .gio-button:not(:first-child):not([disabled]).gio-button-success-outline:focus, .gio-button-group .gio-button:not(:first-child):not([disabled]).gio-button-success-outline:hover {
          border-left-color: #daeeda; }
      .gio-button-group .gio-button:not(:first-child):not([disabled]).gio-button-info-outline {
        border-left-color: #ffffff; }
        .gio-button-group .gio-button:not(:first-child):not([disabled]).gio-button-info-outline:active, .gio-button-group .gio-button:not(:first-child):not([disabled]).gio-button-info-outline:focus, .gio-button-group .gio-button:not(:first-child):not([disabled]).gio-button-info-outline:hover {
          border-left-color: #d0e6fa; }
      .gio-button-group .gio-button:not(:first-child):not([disabled]).gio-button-warning-outline {
        border-left-color: #ffffff; }
        .gio-button-group .gio-button:not(:first-child):not([disabled]).gio-button-warning-outline:active, .gio-button-group .gio-button:not(:first-child):not([disabled]).gio-button-warning-outline:focus, .gio-button-group .gio-button:not(:first-child):not([disabled]).gio-button-warning-outline:hover {
          border-left-color: #ffe9ca; }
      .gio-button-group .gio-button:not(:first-child):not([disabled]).gio-button-danger-outline {
        border-left-color: #ffffff; }
        .gio-button-group .gio-button:not(:first-child):not([disabled]).gio-button-danger-outline:active, .gio-button-group .gio-button:not(:first-child):not([disabled]).gio-button-danger-outline:focus, .gio-button-group .gio-button:not(:first-child):not([disabled]).gio-button-danger-outline:hover {
          border-left-color: #ffdcd1; }
  .gio-button-group .gio-icon-button {
    padding: 10px 20px 10px 15px; }
    .gio-button-group .gio-icon-button.gio-button-lg {
      padding: 15px 30px;
      padding-left: 22.5px; }
    .gio-button-group .gio-icon-button.gio-button-sm {
      padding: 8px 10px;
      padding-left: 9px; }
    .gio-button-group .gio-icon-button.gio-button-xs {
      padding: 5px 10px;
      padding-left: 7.5px; }
    .gio-button-group .gio-icon-button.gio-button-xxs {
      padding: 3.5px 10px;
      padding-left: 6.75px; }