.story-forwarded {
  @apply relative;

  &::before {
    content: "";
    /* @apply absolute -left-3 top-1 content-[''] w-2 h-2 bg-primary-600 dark:bg-primary-400 rounded-full; */
    background-repeat: no-repeat;
    top: -0.1em;
    left: -1.1em;
    height: 18px;
    width: 18px;
    position: absolute;
    background-image: url("/assets/svg/right-arrow-bed5966d.svg");
  }
}

.channels-container > label {
  @apply select-none border border-gray-200 dark:border-gray-600 rounded-2xl p-2;
}

.story__item {
  @apply border-b border-gray-200 dark:border-gray-700 last:border-0 hover:bg-gray-50 dark:hover:bg-gray-700;
}

.story__item--forwarded {
  @apply bg-accent-50;
}

.share__item {
  @apply w-72 h-[420px] text-sm p-1 overflow-y-scroll rounded-lg border border-gray-200 dark:border-gray-700;

  h1 {
    @apply text-lg font-medium text-gray-800 dark:text-gray-200;
  }
}