.p-fieldset {
  @apply rounded-md border border-surface-200 bg-surface-0 px-[1.125rem] pb-[1.125rem] pt-0 text-surface-700 dark:border-surface-700 dark:bg-surface-900 dark:text-surface-0;
}

.p-fieldset-legend {
  @apply rounded-md border border-transparent px-3 py-2 transition-colors duration-200;
}

.p-fieldset-toggleable > .p-fieldset-legend {
  @apply p-0;
}

.p-fieldset-toggle-button {
  @apply relative flex select-none items-center justify-center gap-2 overflow-hidden rounded-md border-none bg-surface-0 px-3 py-2 text-surface-700 transition-colors duration-200 hover:bg-surface-100 hover:text-surface-800 focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-primary dark:bg-surface-900 dark:text-surface-0 dark:hover:bg-surface-800 dark:hover:text-surface-0;
}

.p-fieldset-legend-label {
  @apply font-semibold;
}

.p-fieldset-toggle-icon {
  @apply text-surface-500 transition-colors duration-200 dark:text-surface-400;
}

.p-fieldset-toggle-button:hover .p-fieldset-toggle-icon {
  @apply text-surface-600 dark:text-surface-300;
}

.p-fieldset .p-fieldset-content {
  @apply p-0;
}
