.v-tabs {

  .v-tab {
    padding: 16px 0;
    font-size: 14px;
    position: relative;
    z-index: 2;
    transform: translateY(1px);
    letter-spacing: 0;

    +.v-tab {
      margin-left: 32px;
    }

    min-width:auto;
  }
}

@each $theme in dark, light {
  .v-application.#{$theme}-mode {
    .v-tabs {
      position: relative;
      z-index: 2;

      .v-tabs-bar{
        background-color: rgba(0, 0, 0, 0)
      }

      .v-slide-group__content {
        border-bottom: 1px solid map-deep-get($config,
        #{$theme},
        "v-tabs-items-border-color"
        );
      }

      .v-slide-group__wrapper {
        background-color: map-deep-get($config,
        #{$theme},
        "card-default-backgroundColor"
        );
        overflow: visible !important;
        contain: initial !important;
      }

      .v-tab {
        padding: 16px 0;
        font-size: 14px;
        // border-radius: 6px 6px 0 0;
        // border-bottom-color: map-deep-get(
        //   $config,
        //   #{$theme},
        //   "v-tabs-active-border-color"
        // );
        // background-color: map-deep-get(
        //   $config,
        //   #{$theme},
        //   "v-tabs-backgroundColor"
        // );
        position: relative;
        z-index: 2;
        transform: translateY(1px);
        letter-spacing: 0;
        + .v-tab {
          margin-left: 32px;
        }
        &::before {
          background-color: transparent;
        }

        &:hover {
          color: map-deep-get(
            $config,
            #{$theme},
            "v-tabs-hover-color"
          ) !important;
        }

        &:not(.v-tab--active){
           color: map-deep-get($config, #{$theme}, "router-tab-item-color") !important;
        }
        
      }
      
      .v-tab--active {
        // border-top-color: map-deep-get(
        //   $config,
        //   #{$theme},
        //   "v-tabs-active-border-color"
        // );
        // border-right-color: map-deep-get(
        //   $config,
        //   #{$theme},
        //   "v-tabs-active-border-color"
        // );
        // border-left-color: map-deep-get(
        //   $config,
        //   #{$theme},
        //   "v-tabs-active-border-color"
        // );
        // border-bottom-color: map-deep-get(
        //   $config,
        //   #{$theme},
        //   "v-tabs-active-backgroundColor"
        // );
        background-color: map-deep-get(
          $config,
          #{$theme},
          "v-tabs-active-backgroundColor"
        );
      }

      .v-tabs-slider {
        border-bottom: 1px solid;
        border-bottom-color: map-deep-get($config,
          #{$theme},
          "v-tabs-active-border-color"
        );
      }
    }

    .v-tabs-items {
      position: relative;
      z-index: 1;
      background-color: map-deep-get($config,
      #{$theme},
      "card-default-backgroundColor"
      );
      // border-top: 1px
      //   solid
      //   map-deep-get($config, #{$theme}, "v-tabs-active-border-color");
    }
  }
}
