.tabs {
    @apply flex gap-x-1 bg-gray-800 rounded-lg transition p-1;
}

.tabs .tabs-segment {
    @apply cursor-pointer font-medium text-sm inline-flex items-center justify-center border border-transparent rounded-lg leading-5 text-gray-300 hover:text-primary py-1.5 px-3.5;
}

.tabs .tabs-segment-active {
    @apply bg-primary hover:bg-primary/90 focus-visible:outline-primary text-diffcolor hover:text-diffcolor;
}