/* colors */
/* logo icon colors */
/* color shades */
/* heatmap display */
/* categorical display */
.gio-button-toggle {
  display: flex; }
  .gio-button-toggle > .gio-button-toggle__button {
    background-color: #ffffff;
    border: 1px solid #d1d1d1;
    color: #1a1a1a;
    cursor: pointer;
    display: flex;
    font-family: "Barlow", "Roboto", "Lato", sans-serif;
    font-size: 15px;
    line-height: 15px;
    padding: 10px;
    text-decoration: none;
    border-radius: 0;
    margin: 0 -1px 0 0; }
    .gio-button-toggle > .gio-button-toggle__button:active, .gio-button-toggle > .gio-button-toggle__button:focus, .gio-button-toggle > .gio-button-toggle__button:hover {
      background-color: #cce4e7;
      color: #007a87;
      outline: 0; }
    .gio-button-toggle > .gio-button-toggle__button label {
      white-space: nowrap;
      cursor: inherit; }
    .gio-button-toggle > .gio-button-toggle__button.active {
      background-color: #fef7e2; }
      .gio-button-toggle > .gio-button-toggle__button.active label {
        color: #007a87; }
    .gio-button-toggle > .gio-button-toggle__button[disabled] {
      background-color: #e8e8e8;
      color: #8d8d8d;
      cursor: not-allowed; }
      .gio-button-toggle > .gio-button-toggle__button[disabled].gio-button-toggle__button-icon .gio-icon, .gio-button-toggle > .gio-button-toggle__button[disabled].gio-button-toggle__button-icon:active .gio-icon, .gio-button-toggle > .gio-button-toggle__button[disabled].gio-button-toggle__button-icon:focus .gio-icon, .gio-button-toggle > .gio-button-toggle__button[disabled].gio-button-toggle__button-icon:hover .gio-icon {
        fill: #8d8d8d; }
      .gio-button-toggle > .gio-button-toggle__button[disabled].gio-button-toggle__button-icon.active .gio-icon {
        fill: #80bdc3; }
      .gio-button-toggle > .gio-button-toggle__button[disabled].active {
        background-color: #fffbf0; }
        .gio-button-toggle > .gio-button-toggle__button[disabled].active label {
          color: #80bdc3; }
    .gio-button-toggle > .gio-button-toggle__button.gio-button-toggle__button-icon .gio-icon {
      fill: #8d8d8d;
      max-height: 15px;
      max-width: 15px;
      width: 15px;
      cursor: inherit; }
      .gio-button-toggle > .gio-button-toggle__button.gio-button-toggle__button-icon .gio-icon + label {
        margin: 0 0 0 5px; }
    .gio-button-toggle > .gio-button-toggle__button.gio-button-toggle__button-icon[disabled] .gio-icon {
      fill: #8d8d8d; }
    .gio-button-toggle > .gio-button-toggle__button.gio-button-toggle__button-icon label {
      cursor: inherit; }
    .gio-button-toggle > .gio-button-toggle__button.gio-button-toggle__button-icon:active .gio-icon, .gio-button-toggle > .gio-button-toggle__button.gio-button-toggle__button-icon:focus .gio-icon, .gio-button-toggle > .gio-button-toggle__button.gio-button-toggle__button-icon:hover .gio-icon, .gio-button-toggle > .gio-button-toggle__button.gio-button-toggle__button-icon.active .gio-icon {
      fill: #007a87; }
    .gio-button-toggle > .gio-button-toggle__button.gio-button-toggle__button-lg {
      font-size: 17px;
      line-height: 17px;
      padding: 15px; }
      .gio-button-toggle > .gio-button-toggle__button.gio-button-toggle__button-lg .gio-icon {
        max-height: 17px;
        max-width: 17px;
        width: 17px; }
    .gio-button-toggle > .gio-button-toggle__button.gio-button-toggle__button-sm {
      font-size: 13px;
      line-height: 13px;
      padding: 8px; }
      .gio-button-toggle > .gio-button-toggle__button.gio-button-toggle__button-sm .gio-icon {
        max-height: 13px;
        max-width: 13px;
        width: 13px; }
    .gio-button-toggle > .gio-button-toggle__button.gio-button-toggle__button-xs {
      font-size: 13px;
      line-height: 13px;
      padding: 5px; }
      .gio-button-toggle > .gio-button-toggle__button.gio-button-toggle__button-xs .gio-icon {
        max-height: 13px;
        max-width: 13px;
        width: 13px; }
  .gio-button-toggle > .gio-button-toggle__button {
    border-right: 1px solid #d1d1d1;
    border-left: 1px solid #d1d1d1; }
    .gio-button-toggle > .gio-button-toggle__button[disabled] {
      border-right: 1px solid #d1d1d1;
      border-left: 1px solid #d1d1d1; }
  .gio-button-toggle > .gio-button-toggle__button:first-child {
    border-radius: 10px 0 0 10px; }
    .gio-button-toggle > .gio-button-toggle__button:first-child.gio-button-toggle__button-lg {
      border-radius: 10px 0 0 10px; }
    .gio-button-toggle > .gio-button-toggle__button:first-child.gio-button-toggle__button-sm {
      border-radius: 5px 0 0 5px; }
    .gio-button-toggle > .gio-button-toggle__button:first-child.gio-button-toggle__button-xs {
      border-radius: 5px 0 0 5px; }
    .gio-button-toggle > .gio-button-toggle__button:first-child.gio-button-toggle__button-xxs {
      border-radius: 5px 0 0 5px; }
  .gio-button-toggle > .gio-button-toggle__button:last-child {
    border-radius: 0 10px 10px 0; }
    .gio-button-toggle > .gio-button-toggle__button:last-child.gio-button-toggle__button-lg {
      border-radius: 0 10px 10px 0; }
    .gio-button-toggle > .gio-button-toggle__button:last-child.gio-button-toggle__button-sm {
      border-radius: 0 5px 5px 0; }
    .gio-button-toggle > .gio-button-toggle__button:last-child.gio-button-toggle__button-xs {
      border-radius: 0 5px 5px 0; }
    .gio-button-toggle > .gio-button-toggle__button:last-child.gio-button-toggle__button-xxs {
      border-radius: 0 5px 5px 0; }
  .gio-button-toggle > .gio-button-toggle__button-separate:first-child,
  .gio-button-toggle > .gio-button-toggle__button-separate:last-child {
    border-radius: 10px; }
    .gio-button-toggle > .gio-button-toggle__button-separate:first-child.gio-button-toggle__button-lg,
    .gio-button-toggle > .gio-button-toggle__button-separate:last-child.gio-button-toggle__button-lg {
      border-radius: 24.5px; }
    .gio-button-toggle > .gio-button-toggle__button-separate:first-child.gio-button-toggle__button-sm,
    .gio-button-toggle > .gio-button-toggle__button-separate:last-child.gio-button-toggle__button-sm {
      border-radius: 15.5px; }
    .gio-button-toggle > .gio-button-toggle__button-separate:first-child.gio-button-toggle__button-xs,
    .gio-button-toggle > .gio-button-toggle__button-separate:last-child.gio-button-toggle__button-xs {
      border-radius: 12.5px; }
    .gio-button-toggle > .gio-button-toggle__button-separate:first-child.gio-button-toggle__button-xxs,
    .gio-button-toggle > .gio-button-toggle__button-separate:last-child.gio-button-toggle__button-xxs {
      border-radius: 11.5px; }
  .gio-button-toggle > .gio-button-toggle__button-separate:first-child {
    margin-right: 5px; }