@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;
      }

      &.ant-tabs-tab-disabled {
        &,
        .ant-tabs-tab-btn {
          border-color: #E1E1E1;
          color: #BCBCBC;
        }

        &+.ant-tabs-tab:not(.ant-tabs-tab-disabled) {
          border-left-width: 1px;
        }
      }

      &:not(.ant-tabs-tab-disabled) {

        &: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;
    }
  }
}