[table-utils] {
  margin-bottom: 20px;
  line-height: 1.4;
  max-width: 85vw;
}

  .table-hider {
    background-color: #fff;
    color: var(--color-link);
    padding: 10px;
    cursor: pointer;
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.6);
    margin: 10px 10px 0 0;
    position: absolute;

    .table-hider__label {
      display: none;
    }
  }

  .table-pill {
    background-color: var(--color-dark);
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
    border-radius: 20px 20px 20px 20px / 50% 50% 50% 50%;
    margin-right: 20px;
    cursor: pointer;

    .table-hider__label {
      font-size: 16px;
      font-weight: bold;
      margin-left: 5px;
    }
  }
  .table-pill.table-pill--hide {
    /* -webkit-animation: fadeout 0.5s linear forwards; */
    /* animation: fadeout 0.5s linear forwards; */
    /* animation-delay: 2s; */
  }

.hide-columns--hidden-cell {
  display: none;
}

@keyframes fadeout {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes fadein {
  0% { opacity: 0; }
  100% { opacity: 1; }
}