/*!
 * @author: tvc12 - Thien Vi
 * @created: 7/12/21, 5:09 PM
 */

@import '~@/themes/scss/mixin';

.tab-selection {
  @include item();
  background: transparent;
  display: flex;

  ::v-deep {
    .tab-item-mini {
      width: 100%;
    }

    .choice-item {
      width: 100%;
      height: unset;
    }
  }
}

.vertical {
  margin-bottom: 4px;
  &.choice {
    margin-bottom: 12px;
  }
  &:last-child {
    margin-bottom: 0;
  }
}

.horizontal {
  margin-right: 4px;
  &.choice {
    margin-right: 12px;
  }
  &:last-child {
    margin-right: 0;
  }
}

.tab-selection-fit-content {
  @include item();
  background: transparent;
  display: flex;
  width: 100%;
}

.tab-selection-container {
  color: var(--text-color);
  height: fit-content;
  .dropdown-item {
    background: var(--tab-filter-dropdown-background);
    margin-top: 0;
    padding: 0;

    ::v-deep {
      .relative > span > button {
        background: unset;
        color: var(--text-color);
        height: 32px;
        background: var(--background-de-active);
        border: solid #d6d6d6 1px !important;
      }
    }

    :hover {
      background: transparent;
    }
  }
}
