/** Shopify CDN: Minification failed

Line 6:1 Unexpected "<"

**/
 < .announcement-bar {
      position: relative;
      overflow: hidden;
  }

  .announcement-slider {
      display: flex;
      transition: transform 0.3s ease;
  }

  .announcement-slide {
      flex: 0 0 100%;
      text-align: center;
      padding: 10px 0;
      font-size: 0.8rem;
  }

  .announcement-controls {
      position: absolute;
      left: 10px;
      top: 50%;
      transform: translateY(-50%);
      display: flex;
      gap: 5px;
      width: 100%;
      display: none;
  }

  .announcement-controls button {
      background: transparent;
      border: none;
      color: inherit;
      cursor: pointer;
      padding: 5px;
  }

  button.announcement-next {
      margin-left: auto;
      padding-right: 30px;
  }

  @media screen and (min-width: 750px) {
      .announcement-controls {
          display: flex;
      }
  }