@layer components {
  .ffun-x-header-text {
    @apply text-xl text-black px-2 py-1;
  }

  .ffun-page-header {
    @apply px-4 pt-4 m-0 flex items-center cursor-default;
  }

  .ffun-page-header-left-block {
    @apply items-center mr-auto m-0 p-0 flex space-x-2;
  }

  .ffun-page-header-right-block {
    @apply items-center m-0 p-0 flex space-x-2;
  }

  .ffun-page-header-center-block {
    @apply items-center mx-auto m-0 p-0 flex space-x-2;
  }

  .ffun-page-header-link {
    @apply cursor-pointer no-underline ffun-x-header-text whitespace-nowrap;
    @apply underline-offset-4 hover:bg-blue-100 rounded;
  }

  .ffun-page-header-link-active {
    @apply underline underline-offset-4 ffun-x-header-text;
  }

  .ffun-page-header-link-disabled {
    @apply ffun-x-header-text text-slate-400;
  }

  .ffun-page-header-title {
    @apply font-semibold ffun-x-header-text;
  }
}