@import '../../styles/default.scss';

.#{$pkg-prefix}-tabs {
  &.#{$pkg-prefix}-tabs-button.ant-tabs {
    .ant-tabs-nav {
      &::before {
        border: none;
      }
    }
    
    .ant-tabs-nav-list {
      width: 100%;
    }
  
    .ant-tabs-tab {
      font-size: 13px;
      transition: background-color .3s;
      border: 1px solid #0670ff;
      padding: 4px 8px;
      margin: 0;
      justify-content: center;
  
      &:not(:first-child) {
        border-left-width: 0px;
      }
  
      &:hover {
        background-color: rgba(6, 112, 255, 0.05);
        color: unset;
      }
  
      &.ant-tabs-tab-active {
        color: #fff;
        background-color: #0670ff;
  
        .ant-tabs-tab-btn {
          color: unset;
        }
      }
    }
  
    .ant-tabs-ink-bar-animated {
      display: none;
    }
  }
  
  &.#{$pkg-prefix}-tabs-button-full-width.ant-tabs {
    .ant-tabs-tab {
      flex: 1;
    }
  }
}