.nav{
  display: flex;
  width: 100%;
}
.nav.nav-tabs{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-slate-100) / var(--tw-border-opacity));
}
.dark .nav.nav-tabs{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-darkmode-400) / var(--tw-border-opacity));
}
.nav-item{
  background-color: rgb(var(--color-slate-100) / var(--tw-bg-opacity));
  @apply rounded-t-md;
}
.nav.nav-tabs .nav-item{
  margin-bottom: -1px;
}
.nav.nav-tabs .nav-item .nav-link{
  display: block;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
  border-color: transparent;
}
.nav.nav-tabs .nav-item .nav-link:hover:not(.disabled):not(.active):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-slate-100) / var(--tw-bg-opacity));
}
.dark .nav.nav-tabs .nav-item .nav-link:hover:not(.disabled):not(.active):hover{
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-darkmode-400) / var(--tw-bg-opacity));
}
.nav.nav-tabs .nav-item .nav-link.active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-slate-100) / var(--tw-border-opacity));
  border-bottom-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  font-weight: 500;
}
.dark .nav.nav-tabs .nav-item .nav-link.active{
  border-left-color: rgb(var(--color-darkmode-400) / var(--tw-border-opacity));
  border-right-color: rgb(var(--color-darkmode-400) / var(--tw-border-opacity));
  border-top-color: rgb(var(--color-darkmode-400) / var(--tw-border-opacity));
  --tw-border-opacity: 1;
  border-bottom-color: rgb(var(--color-darkmode-600) / var(--tw-border-opacity));
  background-color: transparent;
}
.nav.nav-pills .nav-item .nav-link{
  border-radius: 0.375rem;
  border-width: 0px;
}
.nav.nav-pills .nav-item .nav-link.active{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary) / var(--tw-bg-opacity));
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.nav.nav-boxed-tabs .nav-item .nav-link {
        box-shadow: 0px 3px 20px #0000000b;
        border-radius: 0.375rem;
      }
.nav.nav-boxed-tabs .nav-item .nav-link.active{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary) / var(--tw-bg-opacity));
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.nav.nav-link-tabs .nav-item .nav-link{
  border-bottom-width: 2px;
  border-color: transparent;
}
.nav.nav-link-tabs .nav-item .nav-link.active{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(var(--color-primary) / var(--tw-border-opacity));
  font-weight: 500;
}
.nav-link{
  display: block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-width: 1px;
  border-color: transparent;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-slate-700) / var(--tw-text-opacity));
}
.dark .nav-link{
  --tw-text-opacity: 1;
  color: rgb(var(--color-slate-400) / var(--tw-text-opacity));
}
.nav-link.active{
  --tw-text-opacity: 1;
  color: rgb(var(--color-slate-800) / var(--tw-text-opacity));
}
.dark .nav-link.active{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}