/** Shopify CDN: Minification failed

Line 16:0 Unexpected "{"
Line 16:1 Expected identifier but found "%"
Line 17:2 Unexpected "{"
Line 17:3 Expected identifier but found "%"
Line 18:4 Unexpected "{"
Line 18:5 Expected identifier but found "%"
Line 20:4 Unexpected "{"
Line 20:5 Expected identifier but found "%"
Line 21:6 Unexpected "<"
Line 23:9 Expected identifier but found "%"
... and 28 more hidden warnings

**/
{% if product.options_with_values.size > 0 %}
  {% for option in product.options_with_values %}
    {% assign option_name = option.name | downcase %}

    {% if option_name contains 'color' or option_name contains 'colour' %}
      <div class="ai-gold-standard-swatches-{{ ai_gen_id }}" data-card="{{ i }}">
        
        {% assign rendered_colors = '' %}

        {% for value in option.values %}
          {% assign variant_for_color = product.variants | where: option.position, value | first %}

          {% unless rendered_colors contains value %}
            {% assign rendered_colors = rendered_colors | append: value | append: ',' %}

            <button
              type="button"
              class="ai-gold-standard-swatch-{{ ai_gen_id }}"
              data-card="{{ i }}"
              data-variant-id="{{ variant_for_color.id }}"
              data-image="{{ variant_for_color.featured_image | image_url: width: 600 }}"
              data-option1="{{ value | downcase }}"
              aria-label="{{ value }}"
              title="{{ value }}"
              style="
                background-color: {{ value | handleize }};
                {% if variant_for_color.featured_image %}
                  background-image: url('{{ variant_for_color.featured_image | image_url: width: 80 }}');
                  background-size: cover;
                  background-position: center;
                {% endif %}
              "
            ></button>

          {% endunless %}
        {% endfor %}

      </div>
    {% endif %}
  {% endfor %}
{% endif %}