@layer components {
  .room {
    .room__content {
      @apply z-feature flex max-h-screen min-h-0 w-full min-w-0 flex-col flex-col-reverse gap-2 overflow-x-hidden overflow-y-auto;
    }

    .room__item:hover {
      @apply bg-surface;
    }

    .room__compose {
      @apply z-compose relative mb-14 shrink-0 md:mb-0;
    }

    .room__compose .room__compose-inner {
      @apply min-w-0;
    }
  }
}

[data-fl-theme="clay"] .room {
  @apply bg-surface;

  .room__item:hover {
    @apply bg-surface-less/50;
  }
}