/** Shopify CDN: Minification failed

Line 45:17 Expected identifier but found "{"
Line 45:18 Unexpected "{"
Line 45:26 Expected ":"
Line 46:12 Expected identifier but found "{"
Line 46:13 Unexpected "{"
Line 46:21 Expected ":"

**/

  #vue-header .header-promo { 
    display:flex;
    align-items:center;
    justify-content:center;
    height:4rem;
    width:100%; 
    transition:background-color .35s ease-out;
    line-height:1.5;
    text-align:center;
    font-size: 13px;
    font-weight: 700;
  }
  @media (min-width:991px){
      #vue-header .header-promo{
          height:4.5rem
      }
  }
  #vue-header .header-promo__link{
      text-decoration:none;
      opacity:0;
      transition:opacity .3s ease-in-out
  }
  #vue-header .header-promo__link.active{
      opacity:1
  }
  #vue-header .header-promo.code_applied{
      background-color:rgb(var(--sale))
  }
  #vue-header .header-promo__marquee-container{
      height:100%;
      width:100%;
      display:flex;
      align-items:center;
      background:{{section.settings.background_color}};
      color:{{section.settings.text_color}};
      text-decoration:none;
  }
  #vue-header .header-promo .component-marquee-item{
      color:var(--pm-color-white);
  }
  #vue-header .header-promo .component-marquee-item__marquee-item{
      display:flex;
      align-items: center;
  }
  #vue-header .header-promo .component-marquee-item .component-countdown{
      justify-content:center;
      margin-left: 3px;
  }
  #vue-header .header-promo .component-marquee-item .component-countdown__value-container{
      margin-right:0;
      margin-left:0
  }
  #vue-header .header-promo .component-marquee-item .component-countdown__days-container{
      display:none
  }
  #vue-header .header-promo .component-marquee-item .component-countdown__minutes-container{
  } 
  #vue-header .header-promo .component-marquee-item .component-countdown__days-container,
  #vue-header .header-promo .component-marquee-item .component-countdown__hours-container,
  #vue-header .header-promo .component-marquee-item .component-countdown__minutes-container,
  #vue-header .header-promo .component-marquee-item .component-countdown__seconds-container{
      width: 2.75em;
  }
  #vue-header .header-promo .component-marquee-item .component-countdown__days-container {
      width: 2em;
  }
  #vue-header .header-promo .component-marquee-item .component-countdown__hours-container {
      width: 2em;
  }
  #vue-header .header-promo .component-marquee-item .component-countdown__minutes-container {
      width: 2.5em;
  }
  #vue-header .header-promo .component-marquee-item .component-countdown__seconds-container {
      width: 2em;
  }
    
    .component-marquee-item__marquee-item {
      display: flex;
    }
  
  .component-marquee-container{
      --gap:1.5rem;
      position:relative;
      display:flex;
      overflow:hidden;
      -webkit-user-select:none;
      user-select:none;
      gap:var(--gap);
      width:100%;
      --marquee-animation-duration:10s
  }
  .component-marquee{
      flex-shrink:0;
      display:flex;
      justify-content:space-around;
      gap:var(--gap);
      min-width:100%;
      animation:marqueescroll var(--marquee-animation-duration) linear infinite;
      opacity:0;
      transition:opacity .5s ease-in-out
  }
  @keyframes marqueescroll{
      0%{
          transform:translate(0)
      }
      to{
          transform:translate(calc(-100% - var(--gap)))
      }
  }
  .component-marquee.active{
      opacity:1
  }
  .component-marquee.reverse{
      animation-direction:reverse
  }
  .component-marquee:not(.scroll){
      animation-play-state:paused
  }
  .component-marquee-item{
      flex:0 0 auto;
      text-align:center;
      margin:0 .25rem
  }
  
  
  .component-countdown{
      display:flex
  }
  .component-countdown__value-container+.component-countdown__value-container{
      margin-left:.5rem
  }
  .component-countdown__value-container{
      display:flex;
      align-items:baseline;
      font-weight:500;
      line-height:1;
      color:rgb(var(--dark-1))
  }
  .component-countdown__value-container__value{
      margin-right:.25rem
  }
  @media (min-width:991px){
      .component-countdown__value-container{
      }
      .component-countdown__value-container__value{
          margin-right:.25rem
      }
  }
  
  @media (max-width:370px){
      .component-countdown__value-container__unit{
      }
      .component-catalog__blurb{
          max-width:255px
      }
  }