/** Shopify CDN: Minification failed

Line 19:13 Expected identifier but found whitespace
Line 19:15 Unexpected "{"
Line 19:24 Expected ":"
Line 20:8 Expected identifier but found whitespace
Line 20:10 Unexpected "{"
Line 20:19 Expected ":"
Line 21:9 Expected identifier but found whitespace
Line 21:11 Unexpected "{"
Line 21:20 Expected ":"
Line 21:45 Expected ":"
... and 8 more hidden warnings

**/
.custom-announcement-bar {
  width: 100%;
  overflow: hidden;
  background: {{ section.settings.bg_color }};
  color: {{ section.settings.text_color }};
  height: {{ section.settings.bar_height }}px;
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.custom-announcement-track {
  display: flex;
  align-items: center;
  width: max-content;
  animation: announcement-marquee {{ section.settings.speed }}s linear infinite;
}

.custom-announcement-track span {
  display: inline-flex;
  align-items: center;
  padding-right: 120px;
  font-size: {{ section.settings.font_size }}px;
  font-weight: 500;
}

.custom-announcement-bar:hover .custom-announcement-track {
  animation-play-state: paused;
}

@keyframes announcement-marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

@media screen and (max-width: 767px) {
  .custom-announcement-track span {
    padding-right: 70px;
    font-size: calc({{ section.settings.font_size }}px - 2px);
  }
}