/* colors */
/* logo icon colors */
/* color shades */
/* heatmap display */
/* categorical display */
/* colors */
/* logo icon colors */
/* color shades */
/* heatmap display */
/* categorical display */
/* /styles/mixins.scss */
/* colors */
/* logo icon colors */
/* color shades */
/* heatmap display */
/* categorical display */
.gio-multi-value-select {
  width: 100%; }
  .gio-multi-value-select__subtitle {
    display: flex;
    justify-content: space-between;
    margin: 5px 5px; }
    .gio-multi-value-select__subtitle__count-label__number {
      font-weight: bold;
      margin-right: 5px; }
    .gio-multi-value-select__subtitle__deselect-all {
      color: #458e89;
      cursor: pointer; }
      .gio-multi-value-select__subtitle__deselect-all--disabled {
        cursor: not-allowed;
        color: #335c59; }
  .gio-multi-value-select__values .gio-textfield {
    height: 168px; }
  .gio-multi-value-select__footer {
    display: flex;
    justify-content: space-between;
    margin-top: 10px; }
    .gio-multi-value-select__footer__toggle {
      display: flex;
      color: #458e89;
      cursor: pointer;
      align-items: center; }
      .gio-multi-value-select__footer__toggle__icon {
        width: 16px;
        fill: #458e89;
        margin-right: 5px; }
      .gio-multi-value-select__footer__toggle--disabled {
        display: none; }
  .gio-multi-value-select__list {
    background-color: #ffffff; }
    .gio-multi-value-select__list__entry {
      display: flex;
      justify-content: space-between;
      width: 100%;
      height: 100%;
      align-items: center;
      padding: 0 10px;
      border-bottom: 1px solid #e8e8e8;
      background-color: #ffffff; }
      .gio-multi-value-select__list__entry__label {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 13px; }
      .gio-multi-value-select__list__entry .action-element {
        margin-left: 5px;
        flex-shrink: 0; }
      .gio-multi-value-select__list__entry .gio-icon {
        fill: #d1d1d1;
        height: 12px;
        width: 12px; }
    .gio-multi-value-select__list .action-element {
      cursor: pointer; }
  .gio-multi-value-select__input {
    padding: 5px 10px;
    background-color: #fafafa; }