/* ------------------------------
 * Announcement-Banner 2026-09-26
 * ------------------------------
 */

.swiper img {
  max-width: 100%;
  height: auto;
}

.announcement-banner-background {
  background-color: var(--primary-300);

  .container {
    position: relative;
    display: flex;
    justify-content: center;

    .swiper-button-group {
      position: absolute;
      display: flex;
      width: 100%;
      height: 34px;

      .swiper-button-prev,
      .swiper-button-next {
        width: 34px;
        height: auto;
        top: 0;
        margin-top: 0;
        color: black;

        &::after {
          content: '';
        }

        svg {
          width: 100%;
          height: auto;
        }
      }

      .swiper-button-prev {
        /*right: 100%;*/
        /*left: auto;*/
        left: 12px;
      }

      .swiper-button-next {
        /*left: 100%;*/
        /*right: auto;*/
        right: 12px;
      }
    }
  }

  .announcement-banner-wrapper {
    position: relative;
    display: flex;
    margin-inline-start: auto;
    margin-inline-end: auto;
    max-width: 450px;
    height: 34px;
    align-items: center;

    .swiper-slide {
      display: flex;
      font-size: var(--font-size-tiny_11-12);
      align-items: center;
      background-color: var(--primary-300);

      .slide-row,
      a.slide-row {
        display: flex;
        justify-content: center;
        align-items: center;
        column-gap: .5em;
        font-size: inherit;
        text-decoration: none;

        div {
          font-size: inherit;
          font-weight: 500;
          line-height: 1;
          margin-top: 1px;
        }
      }
    }
  }
}