/* Style for active tabs */

/* css-check-ignore-next */
.tab-button.active {
  background-color: #ef5844;

  /* A darker blue for active state */
  font-weight: 500;
  border-color: #fff;
  color: #fff;

  /* Add any other styles you want for the active tab */
}

.tabs {
@apply w-full;
}
  
.tab-list {
@apply border-b;
}

.tab {
@apply p-4 text-gray-500 border-b-2 border-transparent hover:text-gray-700;
}

.tab-active {
@apply p-3 text-ph24_orange border-white;
}

.label {
@apply ml-2 text-xs text-gray-400;
}