@layer components {
  [data-coco][data-component="app-toolbar"] {
    .toolbar-sections {
      @apply flex items-center gap-x-2;
    }

    .toolbar-section {
      @apply min-w-[1%] flex-grow flex;
    }

    .toolbar-section-start {
      @apply justify-start;
    }

    .toolbar-section-end {
      @apply justify-end;
    }
  }
}