/** Shopify CDN: Minification failed

Line 16:12 Unexpected "{"
Line 16:21 Expected ":"
Line 19:11 Expected identifier but found whitespace
Line 19:13 Unexpected "{"
Line 19:21 Expected ":"
Line 19:49 Expected ":"
Line 23:15 Expected identifier but found "{"
Line 23:16 Unexpected "{"
Line 23:24 Expected ":"
Line 24:10 Expected identifier but found "{"
... and 9 more hidden warnings

**/
  .section-{{ section.id }}.custom-marquee {
    display: flex;
    align-items: center;
    height: {{section.settings.marquee_height}}px;
    width: 100vw;
    max-width: 100%;
    overflow-x: hidden;
    background:{{section.settings.colorBackground}}; 
    color:{{section.settings.colorText}}; 
  }
  .section-{{ section.id }}.custom-marquee a {
    color:{{section.settings.colorText}}; 
    text-decoration: none;
  }
  .section-{{ section.id }}.custom-marquee .track {
    display: flex;
    align-items: center;
    white-space: nowrap;
    will-change: transform;
    animation: marquee 8s linear infinite;
  }
  
  @keyframes marquee {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-20%);
    }
  }