@import '../colors';
@import '_mixin';
@import '../variables'; //global variables
@import './variables'; //Tabs variables

.tix-tab.v4 {
  position: relative;
  box-sizing: border-box;
  margin: 0;
  padding: 0;

  line-height: 1.5;

  .tab-list {
    position: relative;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;

    * {
      -webkit-tap-highlight-color: transparent;
    }

    &::-webkit-scrollbar {
      display: none;
    }

    // Border bottom, needed when no overflow
    &::after {
      @include border-bottom;
    }
  }

  .tab-content-container {
    position: relative;
    overflow-x: hidden;

    .tab-content-inner-container {
      width: 200%;
    }
  }
}

:export {
  ANIMATION_DURATION: $animation-duration;
}