/** Shopify CDN: Minification failed

Line 20:2 Unexpected "{"
Line 20:3 Expected identifier but found "%"
Line 21:21 Expected identifier but found whitespace
Line 21:23 Unexpected "{"
Line 21:32 Expected ":"
Line 22:2 Unexpected "{"
Line 22:3 Expected identifier but found "%"
Line 28:2 Unexpected "{"
Line 28:3 Expected identifier but found "%"
Line 29:2 Unexpected "{"
... and 16 more hidden warnings

**/


/* CSS from section stylesheet tags */
.announcement-bar {
  {% if section.settings.color_bg %}
    background-color: {{ section.settings.color_bg }};
  {% endif %}
  position: relative;
  overflow: hidden;
}

.announcement-bar__link:hover {
  {% assign brightness = section.settings.color_bg | color_brightness %}
  {% if brightness <= 192 %}
    {% assign lightenAmount = 255 | minus: brightness | divided_by: 255 | times: 16 %}
    background-color: {{ section.settings.color_bg | color_lighten: lightenAmount }};
  {% else %}
    {% assign darkenAmount = 255 | divided_by: brightness | times: 8 %}
    background-color: {{ section.settings.color_bg | color_darken: darkenAmount }};
  {% endif %}
}


@media all{
  *,*:before,*:after{box-sizing:border-box;}
  p{margin:0 0 19.44444px;}
  @media only screen and (max-width: 749px){
    p{font-size:.93333em;}
  }
  p:last-child{margin-bottom:0;}
  .announcement-bar{z-index:10;position:relative;text-align:center;border-bottom:1px solid transparent;padding:2px;}
  .announcement-bar__message{display:block;padding:3px 18px;font-size:16px;font-weight:600;margin-bottom:0;}
  @media only screen and (min-width: 750px){
    .announcement-bar__message{padding-left:55px;padding-right:55px;}
  }
}

/* Auto-rotation styles */
.announcement-container {
  position: relative;
  width: 100%;
}

.announcement-item {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: opacity 0.5s ease;
  pointer-events: none;
}

.announcement-item.active {
  opacity: 1;
  position: relative;
  pointer-events: auto;
  line-height: 1.4;
    padding: 9px;
}
}

/* Indicator dots */
.announcement-indicators {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 4px;
  margin-bottom: 4px;
}

.indicator {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  /* background-color: rgba(255, 255, 255, 0.5); */
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.announcement-bar__message
.indicator.active {
  background-color: white;
}