.el-tabs__item {
  &.is-active {
    color: #18254E;
    background: #DAEBFD;
    border-radius: 6px 6px 0px 0px;
    margin: 6px 6px 0 6px;

    &::before, &::after {
      position: absolute;
      bottom: 0;
      content: '';
      width: 12px;
      height: 12px;
      border-radius: 100%;
      box-shadow: 0 0 0 24px #DAEBFD;
      transition: .2s;
    }

    &::before{
      left: -12px;
      clip-path: inset(50% -6px 0 50%);
    }

    &::after{
      right: -12px;
      clip-path: inset(50% 50% 0 -6px);
    }
  }

  &:not(.is-active) + .el-tabs__item:not(.is-active) {
    box-shadow: #5B73E6 -6px 0px 0px -5px, #2F4894 -7px 0px 0px -5px;
  }
}