@layer pano-plugin {
/* src/panel/components/AnnouncementRow.svelte */
.thumbnail-wrapper.svelte-1wh9kjy {
    background-color: var(--bs-tertiary-bg);
  }

/* src/theme/Announcements.svelte */
/* Kept rules: a z-index, the flash and marquee animations with the size and overflow the marquee needs. */
  .announcement-announcements__banners.svelte-iruf31 {
    z-index: 10;
  }

  .announcement-announcements__flash.svelte-iruf31 {
    animation: svelte-iruf31-announcement-flash-animation 1s infinite alternate;
  }

  @keyframes svelte-iruf31-announcement-flash-animation {
    from {
      opacity: 1;
    }
    to {
      opacity: 0.6;
    }
  }

  .announcement-announcements__marquee.svelte-iruf31 {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
  }

  .announcement-announcements__marquee-content.svelte-iruf31 {
    display: inline-block;
    padding-left: 100%;
    animation: svelte-iruf31-announcement-marquee-animation 20s linear infinite;
  }

  .announcement-announcements__marquee-content.svelte-iruf31:hover {
    animation-play-state: paused;
  }

  @keyframes svelte-iruf31-announcement-marquee-animation {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-100%);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .announcement-announcements__marquee-content.svelte-iruf31 {
      animation: none;
      white-space: normal;
      padding-left: 0;
    }
  }
}