.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/forward-c2f64793.svg");
  }
}

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

.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-2 overflow-y-scroll rounded-lg border border-gray-200 dark:border-gray-700;

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

  img, video {
    width: inherit !important;
  }
}

.preview-container {
  @apply flex-grow sm:min-h-[500px] min-w-[300px] px-4 flex flex-col items-center;
}

.sms-preview-message {
  word-break: break-word;
}

.swiper.attachments-list-swiper {
  @apply bg-gray-100 dark:bg-gray-700;
}