www.fabricsight.com Open in urlscan Pro
23.227.38.65  Public Scan

Submitted URL: https://www.fabricsight.com/
Effective URL: https://www.fabricsight.com/en-ca
Submission: On November 25 via api from CA — Scanned from CA

Form analysis 21 forms found in the DOM

GET /en-ca/search

<form class="
      live-search-form
      form-fields-inline
      
    " action="/en-ca/search" method="get" role="search" aria-label="Product" data-live-search-form="">
  <input type="hidden" name="type" value="article,page,product">
  <div class="form-field no-label"><input class="form-field-input live-search-form-field" type="text" name="q" aria-label="Search" placeholder="What are you looking for?" autocomplete="off" data-live-search-input="">
    <button class="live-search-takeover-cancel" type="button" data-live-search-takeover-cancel=""> Cancel </button>
    <button class="live-search-button" type="submit" aria-label="Search" data-live-search-submit="">
      <span class="search-icon search-icon--inactive">
        <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="23" height="24" fill="none" viewBox="0 0 23 24">
          <path d="M21 21L15.5 15.5" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path>
          <circle cx="10" cy="9" r="8" stroke="currentColor" stroke-width="2"></circle>
        </svg>
      </span>
      <span class="search-icon search-icon--active">
        <svg aria-hidden="true" focusable="false" role="presentation" width="26" height="26" viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg">
          <g fill-rule="nonzero" fill="currentColor">
            <path d="M13 26C5.82 26 0 20.18 0 13S5.82 0 13 0s13 5.82 13 13-5.82 13-13 13zm0-3.852a9.148 9.148 0 1 0 0-18.296 9.148 9.148 0 0 0 0 18.296z" opacity=".29"></path>
            <path d="M13 26c7.18 0 13-5.82 13-13a1.926 1.926 0 0 0-3.852 0A9.148 9.148 0 0 1 13 22.148 1.926 1.926 0 0 0 13 26z"></path>
          </g>
        </svg>
      </span>
    </button>
  </div>
  <div class="search-flydown" data-live-search-flydown="">
    <div class="search-flydown--placeholder" data-live-search-placeholder="">
      <div class="search-flydown--product-items">
        <a class="search-flydown--product search-flydown--product" href="#">

                <div class="search-flydown--product-image">
                  <svg class="placeholder--image placeholder--content-image" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"></path><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"></path><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"></path></svg>
                </div>
              

              <div class="search-flydown--product-text">
                <span class="search-flydown--product-title placeholder--content-text"></span>
                <span class="search-flydown--product-price placeholder--content-text"></span>
              </div>
            </a>
        <a class="search-flydown--product search-flydown--product" href="#">

                <div class="search-flydown--product-image">
                  <svg class="placeholder--image placeholder--content-image" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"></path><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"></path><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"></path></svg>
                </div>
              

              <div class="search-flydown--product-text">
                <span class="search-flydown--product-title placeholder--content-text"></span>
                <span class="search-flydown--product-price placeholder--content-text"></span>
              </div>
            </a>
        <a class="search-flydown--product search-flydown--product" href="#">

                <div class="search-flydown--product-image">
                  <svg class="placeholder--image placeholder--content-image" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"></path><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"></path><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"></path></svg>
                </div>
              

              <div class="search-flydown--product-text">
                <span class="search-flydown--product-title placeholder--content-text"></span>
                <span class="search-flydown--product-price placeholder--content-text"></span>
              </div>
            </a>
      </div>
    </div>
    <div class="search-flydown--results search-flydown--results--content-enabled" data-live-search-results=""></div>
  </div>
</form>

POST /en-ca/cart/update

<form method="post" action="/en-ca/cart/update" id="currency_form" accept-charset="UTF-8" class="shopify-currency-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="currency"><input type="hidden" name="utf8"
    value="✓"><input type="hidden" name="return_to" value="/en-ca">
  <select name="currency" class="currency-top">
    <option selected="true">EUR €</option>
  </select>
</form>

POST /en-ca/cart/update

<form method="post" action="/en-ca/cart/update" id="currency_form" accept-charset="UTF-8" class="shopify-currency-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="currency"><input type="hidden" name="utf8"
    value="✓"><input type="hidden" name="return_to" value="/en-ca">
  <select name="currency" class="currency-top">
    <option selected="true">EUR €</option>
  </select>
</form>

*

<form class="add-to-cart" action="*">
  <input class="hidden-item" data-product-title-form="Japanese Polyester Bridal Satin - OITA">
  <input class="Meters MetersOffWhite hidden-item variation-type" value="54915163128157">
  <input class="Swatch SwatchOffWhite hidden-item variation-type" value="54915163914589">
  <input id="product-quantity-input" class="form-field-input form-field-number form-field-filled quantity-form" value="1" min="1" name="quantity" type="number" pattern="\d*" aria-label="Quantity" data-quantity-input="" mm-min="1" mm-stock-max="NaN"
    step="1" mm-step="1">
  <button class="swatch-btn" data-option="Swatch">
    <div class="text"> Order Swatch </div>
    <div class="loading-icon">
      <svg aria-hidden="true" focusable="false" role="presentation" width="26" height="26" viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg">
        <g fill-rule="nonzero" fill="currentColor">
          <path d="M13 26C5.82 26 0 20.18 0 13S5.82 0 13 0s13 5.82 13 13-5.82 13-13 13zm0-3.852a9.148 9.148 0 1 0 0-18.296 9.148 9.148 0 0 0 0 18.296z" opacity=".29"></path>
          <path d="M13 26c7.18 0 13-5.82 13-13a1.926 1.926 0 0 0-3.852 0A9.148 9.148 0 0 1 13 22.148 1.926 1.926 0 0 0 13 26z"></path>
        </g>
      </svg>
    </div>
  </button>
  <button class="meter-btn button-primary" data-option="Meters">
    <div class="text"> add to cart </div>
    <div class="loading-icon">
      <svg aria-hidden="true" focusable="false" role="presentation" width="26" height="26" viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg">
        <g fill-rule="nonzero" fill="currentColor">
          <path d="M13 26C5.82 26 0 20.18 0 13S5.82 0 13 0s13 5.82 13 13-5.82 13-13 13zm0-3.852a9.148 9.148 0 1 0 0-18.296 9.148 9.148 0 0 0 0 18.296z" opacity=".29"></path>
          <path d="M13 26c7.18 0 13-5.82 13-13a1.926 1.926 0 0 0-3.852 0A9.148 9.148 0 0 1 13 22.148 1.926 1.926 0 0 0 13 26z"></path>
        </g>
      </svg>
    </div>
  </button>
</form>

*

<form class="add-to-cart" action="*">
  <input class="hidden-item" data-product-title-form="Vegan silk - Cupro Satin - SCARLET - BLACK FRIDAY">
  <input class="Meters MetersBlack hidden-item variation-type" value="54913597636957">
  <input id="product-quantity-input" class="form-field-input form-field-number form-field-filled quantity-form" value="1" min="1" name="quantity" type="number" pattern="\d*" aria-label="Quantity" data-quantity-input="" mm-min="1" mm-stock-max="NaN"
    step="1" mm-step="1">
  <button class="swatch-btn" data-option="Swatch" style="display: none;">
    <div class="text"> Order Swatch </div>
    <div class="loading-icon">
      <svg aria-hidden="true" focusable="false" role="presentation" width="26" height="26" viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg">
        <g fill-rule="nonzero" fill="currentColor">
          <path d="M13 26C5.82 26 0 20.18 0 13S5.82 0 13 0s13 5.82 13 13-5.82 13-13 13zm0-3.852a9.148 9.148 0 1 0 0-18.296 9.148 9.148 0 0 0 0 18.296z" opacity=".29"></path>
          <path d="M13 26c7.18 0 13-5.82 13-13a1.926 1.926 0 0 0-3.852 0A9.148 9.148 0 0 1 13 22.148 1.926 1.926 0 0 0 13 26z"></path>
        </g>
      </svg>
    </div>
  </button>
  <button class="meter-btn button-primary" data-option="Meters">
    <div class="text"> add to cart </div>
    <div class="loading-icon">
      <svg aria-hidden="true" focusable="false" role="presentation" width="26" height="26" viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg">
        <g fill-rule="nonzero" fill="currentColor">
          <path d="M13 26C5.82 26 0 20.18 0 13S5.82 0 13 0s13 5.82 13 13-5.82 13-13 13zm0-3.852a9.148 9.148 0 1 0 0-18.296 9.148 9.148 0 0 0 0 18.296z" opacity=".29"></path>
          <path d="M13 26c7.18 0 13-5.82 13-13a1.926 1.926 0 0 0-3.852 0A9.148 9.148 0 0 1 13 22.148 1.926 1.926 0 0 0 13 26z"></path>
        </g>
      </svg>
    </div>
  </button>
</form>

*

<form class="add-to-cart" action="*">
  <input class="hidden-item" data-product-title-form="AQUA - Cupro Ecovero Viscose Twill, Vegan Certified">
  <input class="Meters MetersBlack hidden-item variation-type" value="54864336552285">
  <input id="product-quantity-input" class="form-field-input form-field-number form-field-filled quantity-form" value="1" min="1" name="quantity" type="number" pattern="\d*" aria-label="Quantity" data-quantity-input="" mm-min="1" mm-stock-max="NaN"
    step="1" mm-step="1">
  <button class="swatch-btn" data-option="Swatch" style="display: none;">
    <div class="text"> Order Swatch </div>
    <div class="loading-icon">
      <svg aria-hidden="true" focusable="false" role="presentation" width="26" height="26" viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg">
        <g fill-rule="nonzero" fill="currentColor">
          <path d="M13 26C5.82 26 0 20.18 0 13S5.82 0 13 0s13 5.82 13 13-5.82 13-13 13zm0-3.852a9.148 9.148 0 1 0 0-18.296 9.148 9.148 0 0 0 0 18.296z" opacity=".29"></path>
          <path d="M13 26c7.18 0 13-5.82 13-13a1.926 1.926 0 0 0-3.852 0A9.148 9.148 0 0 1 13 22.148 1.926 1.926 0 0 0 13 26z"></path>
        </g>
      </svg>
    </div>
  </button>
  <button class="meter-btn button-primary" data-option="Meters">
    <div class="text"> add to cart </div>
    <div class="loading-icon">
      <svg aria-hidden="true" focusable="false" role="presentation" width="26" height="26" viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg">
        <g fill-rule="nonzero" fill="currentColor">
          <path d="M13 26C5.82 26 0 20.18 0 13S5.82 0 13 0s13 5.82 13 13-5.82 13-13 13zm0-3.852a9.148 9.148 0 1 0 0-18.296 9.148 9.148 0 0 0 0 18.296z" opacity=".29"></path>
          <path d="M13 26c7.18 0 13-5.82 13-13a1.926 1.926 0 0 0-3.852 0A9.148 9.148 0 0 1 13 22.148 1.926 1.926 0 0 0 13 26z"></path>
        </g>
      </svg>
    </div>
  </button>
</form>

<form class="productitem--swatches-container" data-swatches-container="" aria-label="Color options for Premium Worsted Wool for Suits - MARANO - 11 colors available" data-product-title="Premium Worsted Wool for Suits - MARANO - 11 colors available">
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Black" aria-label="Black">
    <div class="productitem--swatches-swatch-wrapper productitem--swatches-swatch-visible" data-swatch-tooltip="Black" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: black;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Premium-Worsted-Wool-for-Suits-MARANO-11-colors-available-Fabric-fabricsight-Meters-Black-3_x64_crop_center.jpg?v=1731657256');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Charade" aria-label="Charade">
    <div class="productitem--swatches-swatch-wrapper productitem--swatches-swatch-visible" data-swatch-tooltip="Charade" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: charade;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Premium-Worsted-Wool-for-Suits-MARANO-11-colors-available-Fabric-fabricsight-Meters-Charade_x64_crop_center.jpg?v=1731657235');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Arsenic Grey" aria-label="Arsenic Grey">
    <div class="productitem--swatches-swatch-wrapper productitem--swatches-swatch-visible" data-swatch-tooltip="Arsenic Grey" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: arsenicgrey;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Premium-Worsted-Wool-for-Suits-MARANO-11-colors-available-Fabric-fabricsight-Meters-Arsenic-Grey-6_x64_crop_center.jpg?v=1731657284');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Bastille Grey" aria-label="Bastille Grey">
    <div class="productitem--swatches-swatch-wrapper productitem--swatches-swatch-visible" data-swatch-tooltip="Bastille Grey" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: bastillegrey;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Premium-Worsted-Wool-for-Suits-MARANO-11-colors-available-Fabric-fabricsight-Meters-Bastille-Grey-4_x64_crop_center.jpg?v=1731657264');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Big Stone Blue" aria-label="Big Stone Blue">
    <div class="productitem--swatches-swatch-wrapper productitem--swatches-swatch-visible" data-swatch-tooltip="Big Stone Blue" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: bigstoneblue;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Premium-Worsted-Wool-for-Suits-MARANO-11-colors-available-Fabric-fabricsight-Meters-Big-Stone-Blue-5_x64_crop_center.jpg?v=1731657274');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Tuna Navy" aria-label="Tuna Navy">
    <div class="productitem--swatches-swatch-wrapper productitem--swatches-swatch-visible" data-swatch-tooltip="Tuna Navy" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: tunanavy;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Premium-Worsted-Wool-for-Suits-MARANO-11-colors-available-Fabric-fabricsight-Meters-Tuna-Navy-7_x64_crop_center.jpg?v=1731657293');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Thunder Grey" aria-label="Thunder Grey">
    <div class="productitem--swatches-swatch-wrapper productitem--swatches-swatch-visible" data-swatch-tooltip="Thunder Grey" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: thundergrey;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Premium-Worsted-Wool-for-Suits-MARANO-11-colors-available-Fabric-fabricsight-Meters-Thunder-Grey-8_x64_crop_center.jpg?v=1731657300');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Topaz Blue Melange" aria-label="Topaz Blue Melange">
    <div class="productitem--swatches-swatch-wrapper productitem--swatches-swatch-hidden" data-swatch-tooltip="Topaz Blue Melange" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: topazbluemelange;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Premium-Worsted-Wool-for-Suits-MARANO-11-colors-available-Fabric-fabricsight-Meters-Topaz-Blue-Melange-9_x64_crop_center.jpg?v=1731657310');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Ship Grey" aria-label="Ship Grey">
    <div class="productitem--swatches-swatch-wrapper productitem--swatches-swatch-hidden" data-swatch-tooltip="Ship Grey" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: shipgrey;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Premium-Worsted-Wool-for-Suits-MARANO-11-colors-available-Fabric-fabricsight-Meters-Ship-Grey-10_x64_crop_center.jpg?v=1731657318');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Bizcay" aria-label="Bizcay">
    <div class="productitem--swatches-swatch-wrapper productitem--swatches-swatch-hidden" data-swatch-tooltip="Bizcay" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: bizcay;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Premium-Worsted-Wool-for-Suits-MARANO-11-colors-available-Fabric-fabricsight-Meters-Bizcay-11_x64_crop_center.jpg?v=1731657327');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Oxford Blue" aria-label="Oxford Blue">
    <div class="productitem--swatches-swatch-wrapper productitem--swatches-swatch-hidden" data-swatch-tooltip="Oxford Blue" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: oxfordblue;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Premium-Worsted-Wool-for-Suits-MARANO-11-colors-available-Fabric-fabricsight-Meters-Oxford-Blue-12_x64_crop_center.jpg?v=1731657338');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
</form>

*

<form class="add-to-cart" action="*">
  <input class="hidden-item" data-product-title-form="Premium Worsted Wool for Suits - MARANO - 11 colors available">
  <input class="Meters MetersBlack hidden-item variation-type" value="54725695373661">
  <input class="Meters MetersCharade hidden-item variation-type" value="54726385926493">
  <input class="Meters MetersArsenicGrey hidden-item variation-type" value="54726385959261">
  <input class="Meters MetersBastilleGrey hidden-item variation-type" value="54726385992029">
  <input class="Meters MetersBigStoneBlue hidden-item variation-type" value="54726386024797">
  <input class="Meters MetersTunaNavy hidden-item variation-type" value="54726386057565">
  <input class="Meters MetersThunderGrey hidden-item variation-type" value="54726386090333">
  <input class="Meters MetersTopazBlueMelange hidden-item variation-type" value="54726386123101">
  <input class="Meters MetersShipGrey hidden-item variation-type" value="54726386155869">
  <input class="Meters MetersBizcay hidden-item variation-type" value="54726386188637">
  <input class="Meters MetersOxfordBlue hidden-item variation-type" value="54726386221405">
  <input class="Swatch SwatchBlack hidden-item variation-type" value="54725695406429">
  <input class="Swatch SwatchCharade hidden-item variation-type" value="54726386254173">
  <input class="Swatch SwatchArsenicGrey hidden-item variation-type" value="54726386286941">
  <input class="Swatch SwatchBastilleGrey hidden-item variation-type" value="54726386319709">
  <input class="Swatch SwatchBigStoneBlue hidden-item variation-type" value="54726386352477">
  <input class="Swatch SwatchTunaNavy hidden-item variation-type" value="54726386385245">
  <input class="Swatch SwatchThunderGrey hidden-item variation-type" value="54726386418013">
  <input class="Swatch SwatchTopazBlueMelange hidden-item variation-type" value="54726386450781">
  <input class="Swatch SwatchShipGrey hidden-item variation-type" value="54726386483549">
  <input class="Swatch SwatchBizcay hidden-item variation-type" value="54726386516317">
  <input class="Swatch SwatchOxfordBlue hidden-item variation-type" value="54726386549085">
  <input id="product-quantity-input" class="form-field-input form-field-number form-field-filled quantity-form" value="1" min="1" name="quantity" type="number" pattern="\d*" aria-label="Quantity" data-quantity-input="" mm-min="1" mm-stock-max="NaN"
    step="1" mm-step="1">
  <button class="swatch-btn" data-option="Swatch">
    <div class="text"> Order Swatch </div>
    <div class="loading-icon">
      <svg aria-hidden="true" focusable="false" role="presentation" width="26" height="26" viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg">
        <g fill-rule="nonzero" fill="currentColor">
          <path d="M13 26C5.82 26 0 20.18 0 13S5.82 0 13 0s13 5.82 13 13-5.82 13-13 13zm0-3.852a9.148 9.148 0 1 0 0-18.296 9.148 9.148 0 0 0 0 18.296z" opacity=".29"></path>
          <path d="M13 26c7.18 0 13-5.82 13-13a1.926 1.926 0 0 0-3.852 0A9.148 9.148 0 0 1 13 22.148 1.926 1.926 0 0 0 13 26z"></path>
        </g>
      </svg>
    </div>
  </button>
  <button class="meter-btn button-primary" data-option="Meters">
    <div class="text"> add to cart </div>
    <div class="loading-icon">
      <svg aria-hidden="true" focusable="false" role="presentation" width="26" height="26" viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg">
        <g fill-rule="nonzero" fill="currentColor">
          <path d="M13 26C5.82 26 0 20.18 0 13S5.82 0 13 0s13 5.82 13 13-5.82 13-13 13zm0-3.852a9.148 9.148 0 1 0 0-18.296 9.148 9.148 0 0 0 0 18.296z" opacity=".29"></path>
          <path d="M13 26c7.18 0 13-5.82 13-13a1.926 1.926 0 0 0-3.852 0A9.148 9.148 0 0 1 13 22.148 1.926 1.926 0 0 0 13 26z"></path>
        </g>
      </svg>
    </div>
  </button>
</form>

*

<form class="add-to-cart" action="*">
  <input class="hidden-item" data-product-title-form="Cupro Viscose Blend Twill, Vegan Certified - Equestrian Red (Remnant)">
  <input class="Meters MetersEquestrianRed hidden-item variation-type" value="54706159812957">
  <input id="product-quantity-input" class="form-field-input form-field-number form-field-filled quantity-form" value="1" min="1" name="quantity" type="number" pattern="\d*" aria-label="Quantity" data-quantity-input="" mm-min="1" mm-stock-max="NaN"
    step="1" mm-step="1">
  <button class="swatch-btn" data-option="Swatch" style="display: none;">
    <div class="text"> Order Swatch </div>
    <div class="loading-icon">
      <svg aria-hidden="true" focusable="false" role="presentation" width="26" height="26" viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg">
        <g fill-rule="nonzero" fill="currentColor">
          <path d="M13 26C5.82 26 0 20.18 0 13S5.82 0 13 0s13 5.82 13 13-5.82 13-13 13zm0-3.852a9.148 9.148 0 1 0 0-18.296 9.148 9.148 0 0 0 0 18.296z" opacity=".29"></path>
          <path d="M13 26c7.18 0 13-5.82 13-13a1.926 1.926 0 0 0-3.852 0A9.148 9.148 0 0 1 13 22.148 1.926 1.926 0 0 0 13 26z"></path>
        </g>
      </svg>
    </div>
  </button>
  <button class="meter-btn button-primary" data-option="Meters">
    <div class="text"> add to cart </div>
    <div class="loading-icon">
      <svg aria-hidden="true" focusable="false" role="presentation" width="26" height="26" viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg">
        <g fill-rule="nonzero" fill="currentColor">
          <path d="M13 26C5.82 26 0 20.18 0 13S5.82 0 13 0s13 5.82 13 13-5.82 13-13 13zm0-3.852a9.148 9.148 0 1 0 0-18.296 9.148 9.148 0 0 0 0 18.296z" opacity=".29"></path>
          <path d="M13 26c7.18 0 13-5.82 13-13a1.926 1.926 0 0 0-3.852 0A9.148 9.148 0 0 1 13 22.148 1.926 1.926 0 0 0 13 26z"></path>
        </g>
      </svg>
    </div>
  </button>
</form>

*

<form class="add-to-cart" action="*">
  <input class="hidden-item" data-product-title-form="Cupro Viscose Blend Twill, Vegan Certified - Patrician Purple (Remnant)">
  <input class="Meters MetersPatricianPurple hidden-item variation-type" value="54706044305757">
  <input id="product-quantity-input" class="form-field-input form-field-number form-field-filled quantity-form" value="1" min="1" name="quantity" type="number" pattern="\d*" aria-label="Quantity" data-quantity-input="" mm-min="1" mm-stock-max="NaN"
    step="1" mm-step="1">
  <button class="swatch-btn" data-option="Swatch" style="display: none;">
    <div class="text"> Order Swatch </div>
    <div class="loading-icon">
      <svg aria-hidden="true" focusable="false" role="presentation" width="26" height="26" viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg">
        <g fill-rule="nonzero" fill="currentColor">
          <path d="M13 26C5.82 26 0 20.18 0 13S5.82 0 13 0s13 5.82 13 13-5.82 13-13 13zm0-3.852a9.148 9.148 0 1 0 0-18.296 9.148 9.148 0 0 0 0 18.296z" opacity=".29"></path>
          <path d="M13 26c7.18 0 13-5.82 13-13a1.926 1.926 0 0 0-3.852 0A9.148 9.148 0 0 1 13 22.148 1.926 1.926 0 0 0 13 26z"></path>
        </g>
      </svg>
    </div>
  </button>
  <button class="meter-btn button-primary" data-option="Meters">
    <div class="text"> add to cart </div>
    <div class="loading-icon">
      <svg aria-hidden="true" focusable="false" role="presentation" width="26" height="26" viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg">
        <g fill-rule="nonzero" fill="currentColor">
          <path d="M13 26C5.82 26 0 20.18 0 13S5.82 0 13 0s13 5.82 13 13-5.82 13-13 13zm0-3.852a9.148 9.148 0 1 0 0-18.296 9.148 9.148 0 0 0 0 18.296z" opacity=".29"></path>
          <path d="M13 26c7.18 0 13-5.82 13-13a1.926 1.926 0 0 0-3.852 0A9.148 9.148 0 0 1 13 22.148 1.926 1.926 0 0 0 13 26z"></path>
        </g>
      </svg>
    </div>
  </button>
</form>

*

<form class="add-to-cart" action="*">
  <input class="hidden-item" data-product-title-form="Cupro Viscose Blend Twill, Vegan Certified - Sea Salt (Remnant)">
  <input class="Meters MetersSeaSalt hidden-item variation-type" value="54705980277085">
  <input id="product-quantity-input" class="form-field-input form-field-number form-field-filled quantity-form" value="1" min="1" name="quantity" type="number" pattern="\d*" aria-label="Quantity" data-quantity-input="" mm-min="1" mm-stock-max="NaN"
    step="1" mm-step="1">
  <button class="swatch-btn" data-option="Swatch" style="display: none;">
    <div class="text"> Order Swatch </div>
    <div class="loading-icon">
      <svg aria-hidden="true" focusable="false" role="presentation" width="26" height="26" viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg">
        <g fill-rule="nonzero" fill="currentColor">
          <path d="M13 26C5.82 26 0 20.18 0 13S5.82 0 13 0s13 5.82 13 13-5.82 13-13 13zm0-3.852a9.148 9.148 0 1 0 0-18.296 9.148 9.148 0 0 0 0 18.296z" opacity=".29"></path>
          <path d="M13 26c7.18 0 13-5.82 13-13a1.926 1.926 0 0 0-3.852 0A9.148 9.148 0 0 1 13 22.148 1.926 1.926 0 0 0 13 26z"></path>
        </g>
      </svg>
    </div>
  </button>
  <button class="meter-btn button-primary" data-option="Meters">
    <div class="text"> add to cart </div>
    <div class="loading-icon">
      <svg aria-hidden="true" focusable="false" role="presentation" width="26" height="26" viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg">
        <g fill-rule="nonzero" fill="currentColor">
          <path d="M13 26C5.82 26 0 20.18 0 13S5.82 0 13 0s13 5.82 13 13-5.82 13-13 13zm0-3.852a9.148 9.148 0 1 0 0-18.296 9.148 9.148 0 0 0 0 18.296z" opacity=".29"></path>
          <path d="M13 26c7.18 0 13-5.82 13-13a1.926 1.926 0 0 0-3.852 0A9.148 9.148 0 0 1 13 22.148 1.926 1.926 0 0 0 13 26z"></path>
        </g>
      </svg>
    </div>
  </button>
</form>

*

<form class="add-to-cart" action="*">
  <input class="hidden-item" data-product-title-form="Cupro Viscose Blend Twill, Vegan Certified - Brown Patina (Remnant)">
  <input class="Meters MetersBrownPatina hidden-item variation-type" value="54705965629789">
  <input id="product-quantity-input" class="form-field-input form-field-number form-field-filled quantity-form" value="1" min="1" name="quantity" type="number" pattern="\d*" aria-label="Quantity" data-quantity-input="" mm-min="1" mm-stock-max="NaN"
    step="1" mm-step="1">
  <button class="swatch-btn" data-option="Swatch" style="display: none;">
    <div class="text"> Order Swatch </div>
    <div class="loading-icon">
      <svg aria-hidden="true" focusable="false" role="presentation" width="26" height="26" viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg">
        <g fill-rule="nonzero" fill="currentColor">
          <path d="M13 26C5.82 26 0 20.18 0 13S5.82 0 13 0s13 5.82 13 13-5.82 13-13 13zm0-3.852a9.148 9.148 0 1 0 0-18.296 9.148 9.148 0 0 0 0 18.296z" opacity=".29"></path>
          <path d="M13 26c7.18 0 13-5.82 13-13a1.926 1.926 0 0 0-3.852 0A9.148 9.148 0 0 1 13 22.148 1.926 1.926 0 0 0 13 26z"></path>
        </g>
      </svg>
    </div>
  </button>
  <button class="meter-btn button-primary" data-option="Meters">
    <div class="text"> add to cart </div>
    <div class="loading-icon">
      <svg aria-hidden="true" focusable="false" role="presentation" width="26" height="26" viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg">
        <g fill-rule="nonzero" fill="currentColor">
          <path d="M13 26C5.82 26 0 20.18 0 13S5.82 0 13 0s13 5.82 13 13-5.82 13-13 13zm0-3.852a9.148 9.148 0 1 0 0-18.296 9.148 9.148 0 0 0 0 18.296z" opacity=".29"></path>
          <path d="M13 26c7.18 0 13-5.82 13-13a1.926 1.926 0 0 0-3.852 0A9.148 9.148 0 0 1 13 22.148 1.926 1.926 0 0 0 13 26z"></path>
        </g>
      </svg>
    </div>
  </button>
</form>

<form class="productitem--swatches-container" data-swatches-container="" aria-label="Color options for Cupro Viscose Blend Twill, Vegan Certified - AQUA (+40 Colors)"
  data-product-title="Cupro Viscose Blend Twill, Vegan Certified - AQUA (+40 Colors)">
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Off White" aria-label="Off White">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Off White" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: offwhite;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Cupro-Viscose-Blend-Twill-Vegan-Certified-AQUA-40-Colors-Fabric-fabricsight-Meters-Off-White_x64_crop_center.jpg?v=1715174220');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Sea Salt" aria-label="Sea Salt">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Sea Salt" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: seasalt;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Cupro-Viscose-Blend-Twill-Vegan-Certified-AQUA-40-Colors-Fabric-fabricsight-Meters-Sea-Salt-2_x64_crop_center.jpg?v=1715174226');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Pearl Grey" aria-label="Pearl Grey">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Pearl Grey" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: pearlgrey;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Cupro-Viscose-Blend-Twill-Vegan-Certified-AQUA-40-Colors-Fabric-fabricsight-Meters-Pearl-Grey-3_x64_crop_center.jpg?v=1709127184');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Sandsheel" aria-label="Sandsheel">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Sandsheel" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: sandsheel;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Cupro-Viscose-Blend-Twill-Vegan-Certified-AQUA-40-Colors-Fabric-fabricsight-Meters-Sandsheel-4_x64_crop_center.jpg?v=1715174234');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Oyster Grey" aria-label="Oyster Grey">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Oyster Grey" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: oystergrey;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Cupro-Viscose-Blend-Twill-Vegan-Certified-AQUA-40-Colors-Fabric-fabricsight-Meters-Oyster-Grey-5_x64_crop_center.jpg?v=1715174239');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Fog" aria-label="Fog">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Fog" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: fog;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Cupro-Viscose-Blend-Twill-Vegan-Certified-AQUA-40-Colors-Fabric-fabricsight-Meters-Fog-6_x64_crop_center.jpg?v=1715174245');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Butterum" aria-label="Butterum">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Butterum" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: butterum;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Cupro-Viscose-Blend-Twill-Vegan-Certified-AQUA-40-Colors-Fabric-fabricsight-Meters-Butterum-7_x64_crop_center.jpg?v=1715174252');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Novelle Peach" aria-label="Novelle Peach">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Novelle Peach" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: novellepeach;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Cupro-Viscose-Blend-Twill-Vegan-Certified-AQUA-40-Colors-Fabric-fabricsight-Meters-Novelle-Peach-8_x64_crop_center.jpg?v=1714513137');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Caramel Cream" aria-label="Caramel Cream">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Caramel Cream" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: caramelcream;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Cupro-Viscose-Blend-Twill-Vegan-Certified-AQUA-40-Colors-Fabric-fabricsight-Meters-Caramel-Cream-9_x64_crop_center.jpg?v=1709127267');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Rose Brown" aria-label="Rose Brown">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Rose Brown" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: rosebrown;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Cupro-Viscose-Blend-Twill-Vegan-Certified-AQUA-40-Colors-Fabric-fabricsight-Meters-Rose-Brown-10_x64_crop_center.jpg?v=1715174260');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Thrush" aria-label="Thrush">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Thrush" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: thrush;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Cupro-Viscose-Blend-Twill-Vegan-Certified-AQUA-40-Colors-Fabric-fabricsight-Meters-Thrush-11_x64_crop_center.jpg?v=1715174265');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Spicy Mustard" aria-label="Spicy Mustard">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Spicy Mustard" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: spicymustard;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Cupro-Viscose-Blend-Twill-Vegan-Certified-AQUA-40-Colors-Fabric-fabricsight-Meters-Spicy-Mustard-12_x64_crop_center.jpg?v=1709127313');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Warm Taupe" aria-label="Warm Taupe">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Warm Taupe" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: warmtaupe;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Cupro-Viscose-Blend-Twill-Vegan-Certified-AQUA-40-Colors-Fabric-fabricsight-Meters-Warm-Taupe-13_x64_crop_center.jpg?v=1714513153');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Silver Mink" aria-label="Silver Mink">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Silver Mink" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: silvermink;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Cupro-Viscose-Blend-Twill-Vegan-Certified-AQUA-40-Colors-Fabric-fabricsight-Meters-Silver-Mink-14_x64_crop_center.jpg?v=1715174278');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Orange Pepper" aria-label="Orange Pepper">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Orange Pepper" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: orangepepper;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Cupro-Viscose-Blend-Twill-Vegan-Certified-AQUA-40-Colors-Fabric-fabricsight-Meters-Orange-Pepper-15_x64_crop_center.jpg?v=1714513162');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Brown Patina" aria-label="Brown Patina">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Brown Patina" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: brownpatina;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Cupro-Viscose-Blend-Twill-Vegan-Certified-AQUA-40-Colors-Fabric-fabricsight-Meters-Brown-Patina-16_x64_crop_center.jpg?v=1714513166');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Sand" aria-label="Sand">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Sand" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: sand;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Cupro-Viscose-Blend-Twill-Vegan-Certified-AQUA-40-Colors-Fabric-fabricsight-Meters-Sand-17_x64_crop_center.jpg?v=1715174290');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Ivory" aria-label="Ivory">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Ivory" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: ivory;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Cupro-Viscose-Blend-Twill-Vegan-Certified-AQUA-40-Colors-Fabric-fabricsight-Meters-Ivory-18_x64_crop_center.jpg?v=1715174296');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Toasted Almond" aria-label="Toasted Almond">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Toasted Almond" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: toastedalmond;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Cupro-Viscose-Blend-Twill-Vegan-Certified-AQUA-40-Colors-Fabric-fabricsight-Meters-Toasted-Almond-19_x64_crop_center.jpg?v=1715174303');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Olive Green" aria-label="Olive Green">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Olive Green" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: olivegreen;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Cupro-Viscose-Blend-Twill-Vegan-Certified-AQUA-40-Colors-Fabric-fabricsight-Meters-Olive-Green-20_x64_crop_center.jpg?v=1709127414');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Military Green" aria-label="Military Green">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Military Green" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: militarygreen;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Cupro-Viscose-Blend-Twill-Vegan-Certified-AQUA-40-Colors-Fabric-fabricsight-Meters-Military-Green-21_x64_crop_center.jpg?v=1715174310');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Very Dark Green" aria-label="Very Dark Green">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Very Dark Green" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: verydarkgreen;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Cupro-Viscose-Blend-Twill-Vegan-Certified-AQUA-40-Colors-Fabric-fabricsight-Meters-Very-Dark-Green-22_x64_crop_center.jpg?v=1714513191');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Earthy Moss" aria-label="Earthy Moss">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Earthy Moss" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: earthymoss;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Cupro-Viscose-Blend-Twill-Vegan-Certified-AQUA-40-Colors-Fabric-fabricsight-Meters-Earthy-Moss-23_x64_crop_center.jpg?v=1715174316');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Dusty Olive" aria-label="Dusty Olive">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Dusty Olive" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: dustyolive;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Cupro-Viscose-Blend-Twill-Vegan-Certified-AQUA-40-Colors-Fabric-fabricsight-Meters-Dusty-Olive-24_x64_crop_center.jpg?v=1715174323');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Shaded Spruce" aria-label="Shaded Spruce">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Shaded Spruce" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: shadedspruce;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Cupro-Viscose-Blend-Twill-Vegan-Certified-AQUA-40-Colors-Fabric-fabricsight-Meters-Shaded-Spruce-25_x64_crop_center.jpg?v=1714513206');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Deep Blue" aria-label="Deep Blue">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Deep Blue" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: deepblue;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Cupro-Viscose-Blend-Twill-Vegan-Certified-AQUA-40-Colors-Fabric-fabricsight-Meters-Deep-Blue-26_x64_crop_center.jpg?v=1709127488');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Classic Blue" aria-label="Classic Blue">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Classic Blue" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: classicblue;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Cupro-Viscose-Blend-Twill-Vegan-Certified-AQUA-40-Colors-Fabric-fabricsight-Meters-Classic-Blue-27_x64_crop_center.jpg?v=1715174330');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Bracing Blue" aria-label="Bracing Blue">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Bracing Blue" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: bracingblue;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Cupro-Viscose-Blend-Twill-Vegan-Certified-AQUA-40-Colors-Fabric-fabricsight-Meters-Bracing-Blue-28_x64_crop_center.jpg?v=1715174336');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Pale Blue" aria-label="Pale Blue">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Pale Blue" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: paleblue;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Cupro-Viscose-Blend-Twill-Vegan-Certified-AQUA-40-Colors-Fabric-fabricsight-Meters-Pale-Blue-29_x64_crop_center.jpg?v=1715174342');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Grey" aria-label="Grey">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Grey" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: grey;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Cupro-Viscose-Blend-Twill-Vegan-Certified-AQUA-40-Colors-Fabric-fabricsight-Meters-Grey-30_x64_crop_center.jpg?v=1709127529');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Ash" aria-label="Ash">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Ash" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: ash;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Cupro-Viscose-Blend-Twill-Vegan-Certified-AQUA-40-Colors-Fabric-fabricsight-Meters-Ash-31_x64_crop_center.jpg?v=1715174349');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Purple Haze" aria-label="Purple Haze">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Purple Haze" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: purplehaze;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Cupro-Viscose-Blend-Twill-Vegan-Certified-AQUA-40-Colors-Fabric-fabricsight-Meters-Purple-Haze-32_x64_crop_center.jpg?v=1715174355');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Patrician Purple" aria-label="Patrician Purple">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Patrician Purple" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: patricianpurple;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Cupro-Viscose-Blend-Twill-Vegan-Certified-AQUA-40-Colors-Fabric-fabricsight-Meters-Patrician-Purple-33_x64_crop_center.jpg?v=1715174362');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Navy" aria-label="Navy">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Navy" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: navy;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Cupro-Viscose-Blend-Twill-Vegan-Certified-AQUA-40-Colors-Fabric-fabricsight-Meters-Navy-34_x64_crop_center.jpg?v=1709127567');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Black" aria-label="Black">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Black" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: black;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Cupro-Viscose-Blend-Twill-Vegan-Certified-AQUA-40-Colors-Fabric-fabricsight-Meters-Black-36_x64_crop_center.jpg?v=1732348261');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Pale Mauve" aria-label="Pale Mauve">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Pale Mauve" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: palemauve;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Cupro-Viscose-Blend-Twill-Vegan-Certified-AQUA-40-Colors-Fabric-fabricsight-Meters-Pale-Mauve-35_x64_crop_center.jpg?v=1709127579');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Dark Purple" aria-label="Dark Purple">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Dark Purple" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: darkpurple;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Cupro-Viscose-Blend-Twill-Vegan-Certified-AQUA-40-Colors-Fabric-fabricsight-Meters-Dark-Purple-37_x64_crop_center.jpg?v=1715174371');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Magenta Haze" aria-label="Magenta Haze">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Magenta Haze" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: magentahaze;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Cupro-Viscose-Blend-Twill-Vegan-Certified-AQUA-40-Colors-Fabric-fabricsight-Meters-Magenta-Haze-38_x64_crop_center.jpg?v=1715174377');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Equestrian Red" aria-label="Equestrian Red">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Equestrian Red" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: equestrianred;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Cupro-Viscose-Blend-Twill-Vegan-Certified-AQUA-40-Colors-Fabric-fabricsight-Meters-Equestrian-Red-39_x64_crop_center.jpg?v=1714513249');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Urban Red" aria-label="Urban Red">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Urban Red" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: urbanred;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Cupro-Viscose-Blend-Twill-Vegan-Certified-AQUA-40-Colors-Fabric-fabricsight-Meters-Urban-Red-40_x64_crop_center.jpg?v=1715174383');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Burned Ochre" aria-label="Burned Ochre">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Burned Ochre" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: burnedochre;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Cupro-Viscose-Blend-Twill-Vegan-Certified-AQUA-40-Colors-Fabric-fabricsight-Meters-Burned-Ochre-41_x64_crop_center.jpg?v=1709127629');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Color Book" aria-label="Color Book">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Color Book" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: colorbook;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Cupro-Viscose-Blend-Twill-Vegan-Certified-AQUA-40-Colors-Fabric-fabricsight-Meters-Color-Book-42_x64_crop_center.jpg?v=1732348268');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
</form>

*

<form class="add-to-cart" action="*">
  <input class="hidden-item" data-product-title-form="Cupro Viscose Blend Twill, Vegan Certified - AQUA (+40 Colors)">
  <input class="Meters MetersOffWhite hidden-item variation-type" value="39763299532854">
  <input class="Meters MetersSeaSalt hidden-item variation-type" value="39763299565622">
  <input class="Meters MetersPearlGrey hidden-item variation-type" value="39763299598390">
  <input class="Meters MetersSandsheel hidden-item variation-type" value="39763299631158">
  <input class="Meters MetersOysterGrey hidden-item variation-type" value="39763299663926">
  <input class="Meters MetersFog hidden-item variation-type" value="39763299696694">
  <input class="Meters MetersButterum hidden-item variation-type" value="39763299729462">
  <input class="Meters MetersNovellePeach hidden-item variation-type" value="39763299762230">
  <input class="Meters MetersCaramelCream hidden-item variation-type" value="39763299794998">
  <input class="Meters MetersRoseBrown hidden-item variation-type" value="39763299827766">
  <input class="Meters MetersThrush hidden-item variation-type" value="39763299860534">
  <input class="Meters MetersSpicyMustard hidden-item variation-type" value="39763299893302">
  <input class="Meters MetersWarmTaupe hidden-item variation-type" value="39763299926070">
  <input class="Meters MetersSilverMink hidden-item variation-type" value="39763299958838">
  <input class="Meters MetersOrangePepper hidden-item variation-type" value="39763299991606">
  <input class="Meters MetersBrownPatina hidden-item variation-type" value="39763300024374">
  <input class="Meters MetersSand hidden-item variation-type" value="39763300057142">
  <input class="Meters MetersIvory hidden-item variation-type" value="39763300089910">
  <input class="Meters MetersToastedAlmond hidden-item variation-type" value="39763300122678">
  <input class="Meters MetersOliveGreen hidden-item variation-type" value="39763300155446">
  <input class="Meters MetersMilitaryGreen hidden-item variation-type" value="39763300188214">
  <input class="Meters MetersVeryDarkGreen hidden-item variation-type" value="39763300220982">
  <input class="Meters MetersEarthyMoss hidden-item variation-type" value="39763300253750">
  <input class="Meters MetersDustyOlive hidden-item variation-type" value="39763300286518">
  <input class="Meters MetersShadedSpruce hidden-item variation-type" value="39763300319286">
  <input class="Meters MetersDeepBlue hidden-item variation-type" value="39763300352054">
  <input class="Meters MetersClassicBlue hidden-item variation-type" value="39763300384822">
  <input class="Meters MetersBracingBlue hidden-item variation-type" value="39763300417590">
  <input class="Meters MetersPaleBlue hidden-item variation-type" value="39763300450358">
  <input class="Meters MetersGrey hidden-item variation-type" value="39763300483126">
  <input class="Meters MetersAsh hidden-item variation-type" value="39763299500086">
  <input class="Meters MetersPurpleHaze hidden-item variation-type" value="39763300515894">
  <input class="Meters MetersPatricianPurple hidden-item variation-type" value="39763300548662">
  <input class="Meters MetersNavy hidden-item variation-type" value="39763300581430">
  <input class="Meters MetersBlack hidden-item variation-type" value="39763300614198">
  <input class="Meters MetersPaleMauve hidden-item variation-type" value="39763300646966">
  <input class="Meters MetersDarkPurple hidden-item variation-type" value="39763300679734">
  <input class="Meters MetersMagentaHaze hidden-item variation-type" value="39763300712502">
  <input class="Meters MetersEquestrianRed hidden-item variation-type" value="39763300745270">
  <input class="Meters MetersUrbanRed hidden-item variation-type" value="39763300778038">
  <input class="Meters MetersBurnedOchre hidden-item variation-type" value="39763300810806">
  <input class="Meters MetersColorBook hidden-item variation-type" value="40164165681206">
  <input class="Swatch SwatchOffWhite hidden-item variation-type" value="39763387285558">
  <input class="Swatch SwatchSeaSalt hidden-item variation-type" value="39763387318326">
  <input class="Swatch SwatchPearlGrey hidden-item variation-type" value="39763387351094">
  <input class="Swatch SwatchSandsheel hidden-item variation-type" value="39763387383862">
  <input class="Swatch SwatchOysterGrey hidden-item variation-type" value="39763387416630">
  <input class="Swatch SwatchFog hidden-item variation-type" value="39763387449398">
  <input class="Swatch SwatchButterum hidden-item variation-type" value="39763387482166">
  <input class="Swatch SwatchNovellePeach hidden-item variation-type" value="39763387514934">
  <input class="Swatch SwatchCaramelCream hidden-item variation-type" value="39763387547702">
  <input class="Swatch SwatchRoseBrown hidden-item variation-type" value="39763387580470">
  <input class="Swatch SwatchThrush hidden-item variation-type" value="39763387613238">
  <input class="Swatch SwatchSpicyMustard hidden-item variation-type" value="39763387646006">
  <input class="Swatch SwatchWarmTaupe hidden-item variation-type" value="39763387678774">
  <input class="Swatch SwatchSilverMink hidden-item variation-type" value="39763387711542">
  <input class="Swatch SwatchOrangePepper hidden-item variation-type" value="39763387744310">
  <input class="Swatch SwatchBrownPatina hidden-item variation-type" value="39763387777078">
  <input class="Swatch SwatchSand hidden-item variation-type" value="39763387809846">
  <input class="Swatch SwatchIvory hidden-item variation-type" value="39763387842614">
  <input class="Swatch SwatchToastedAlmond hidden-item variation-type" value="39763387875382">
  <input class="Swatch SwatchOliveGreen hidden-item variation-type" value="39763387908150">
  <input class="Swatch SwatchMilitaryGreen hidden-item variation-type" value="39763387940918">
  <input class="Swatch SwatchVeryDarkGreen hidden-item variation-type" value="39763387973686">
  <input class="Swatch SwatchEarthyMoss hidden-item variation-type" value="39763388006454">
  <input class="Swatch SwatchDustyOlive hidden-item variation-type" value="39763388039222">
  <input class="Swatch SwatchShadedSpruce hidden-item variation-type" value="39763388071990">
  <input class="Swatch SwatchDeepBlue hidden-item variation-type" value="39763388104758">
  <input class="Swatch SwatchClassicBlue hidden-item variation-type" value="39763388137526">
  <input class="Swatch SwatchBracingBlue hidden-item variation-type" value="39763388170294">
  <input class="Swatch SwatchPaleBlue hidden-item variation-type" value="39763388203062">
  <input class="Swatch SwatchGrey hidden-item variation-type" value="39763388235830">
  <input class="Swatch SwatchAsh hidden-item variation-type" value="39763387252790">
  <input class="Swatch SwatchPurpleHaze hidden-item variation-type" value="39763388268598">
  <input class="Swatch SwatchPatricianPurple hidden-item variation-type" value="39763388301366">
  <input class="Swatch SwatchNavy hidden-item variation-type" value="39763388334134">
  <input class="Swatch SwatchBlack hidden-item variation-type" value="39763388366902">
  <input class="Swatch SwatchPaleMauve hidden-item variation-type" value="39763388399670">
  <input class="Swatch SwatchDarkPurple hidden-item variation-type" value="39763388432438">
  <input class="Swatch SwatchMagentaHaze hidden-item variation-type" value="39763388465206">
  <input class="Swatch SwatchEquestrianRed hidden-item variation-type" value="39763388497974">
  <input class="Swatch SwatchUrbanRed hidden-item variation-type" value="39763388530742">
  <input class="Swatch SwatchBurnedOchre hidden-item variation-type" value="39763388563510">
  <input class="Swatch SwatchColorBook hidden-item variation-type" value="40164165713974">
  <input id="product-quantity-input" class="form-field-input form-field-number form-field-filled quantity-form" value="1" min="1" name="quantity" type="number" pattern="\d*" aria-label="Quantity" data-quantity-input="" mm-min="1" mm-stock-max="NaN"
    step="1" mm-step="1">
  <button class="swatch-btn" data-option="Swatch">
    <div class="text"> Order Swatch </div>
    <div class="loading-icon">
      <svg aria-hidden="true" focusable="false" role="presentation" width="26" height="26" viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg">
        <g fill-rule="nonzero" fill="currentColor">
          <path d="M13 26C5.82 26 0 20.18 0 13S5.82 0 13 0s13 5.82 13 13-5.82 13-13 13zm0-3.852a9.148 9.148 0 1 0 0-18.296 9.148 9.148 0 0 0 0 18.296z" opacity=".29"></path>
          <path d="M13 26c7.18 0 13-5.82 13-13a1.926 1.926 0 0 0-3.852 0A9.148 9.148 0 0 1 13 22.148 1.926 1.926 0 0 0 13 26z"></path>
        </g>
      </svg>
    </div>
  </button>
  <button class="meter-btn button-primary" data-option="Meters">
    <div class="text"> add to cart </div>
    <div class="loading-icon">
      <svg aria-hidden="true" focusable="false" role="presentation" width="26" height="26" viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg">
        <g fill-rule="nonzero" fill="currentColor">
          <path d="M13 26C5.82 26 0 20.18 0 13S5.82 0 13 0s13 5.82 13 13-5.82 13-13 13zm0-3.852a9.148 9.148 0 1 0 0-18.296 9.148 9.148 0 0 0 0 18.296z" opacity=".29"></path>
          <path d="M13 26c7.18 0 13-5.82 13-13a1.926 1.926 0 0 0-3.852 0A9.148 9.148 0 0 1 13 22.148 1.926 1.926 0 0 0 13 26z"></path>
        </g>
      </svg>
    </div>
  </button>
</form>

<form class="productitem--swatches-container" data-swatches-container="" aria-label="Color options for Vegan silk - Cupro Satin - SCARLET (+50 Colors Available)" data-product-title="Vegan silk - Cupro Satin - SCARLET (+50 Colors Available)">
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Night Blue" aria-label="Night Blue">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Night Blue" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: nightblue;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-Night-Blue_x64_crop_center.jpg?v=1728324710');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Lilac" aria-label="Lilac">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Lilac" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: lilac;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-Lilac-66_x64_crop_center.jpg?v=1726732270');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="African Violet" aria-label="African Violet">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="African Violet" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: africanviolet;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-African-Violet-20_x64_crop_center.jpg?v=1728324874');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Dusty Rose" aria-label="Dusty Rose">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Dusty Rose" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: dustyrose;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-Dusty-Rose-21_x64_crop_center.jpg?v=1728324884');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Mauve Wine" aria-label="Mauve Wine">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Mauve Wine" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: mauvewine;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-Mauve-Wine-23_x64_crop_center.jpg?v=1728324900');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Tawny Port" aria-label="Tawny Port">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Tawny Port" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: tawnyport;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-Tawny-Port-22_x64_crop_center.jpg?v=1728324891');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Grape Purple" aria-label="Grape Purple">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Grape Purple" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: grapepurple;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-Grape-Purple-54_x64_crop_center.jpg?v=1720082498');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Fuchsia Red" aria-label="Fuchsia Red">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Fuchsia Red" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: fuchsiared;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-Fuchsia-Red-47_x64_crop_center.jpg?v=1720079641');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="18-3714 TCX Mulled Grape" aria-label="18-3714 TCX Mulled Grape">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="18-3714 TCX Mulled Grape" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: 18-3714tcxmulledgrape;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-18-3714-TCX-Mulled-Grape-48_x64_crop_center.jpg?v=1720082490');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Petrol Green" aria-label="Petrol Green">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Petrol Green" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: petrolgreen;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-Petrol-Green-34_x64_crop_center.jpg?v=1720030582');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="19-4536 TPG Crystal Teal" aria-label="19-4536 TPG Crystal Teal">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="19-4536 TPG Crystal Teal" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: 19-4536tpgcrystalteal;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-19-4536-TPG-Crystal-Teal-51_x64_crop_center.jpg?v=1720030702');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Light Blue" aria-label="Light Blue">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Light Blue" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: lightblue;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/IMG_4752_x64_crop_center.jpg?v=1732529519');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Mint Blue" aria-label="Mint Blue">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Mint Blue" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: mintblue;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-Mint-Blue-26_x64_crop_center.jpg?v=1726683180');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Turquoise" aria-label="Turquoise">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Turquoise" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: turquoise;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-Turquoise-27_x64_crop_center.jpg?v=1726683188');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Sky Blue" aria-label="Sky Blue">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Sky Blue" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: skyblue;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-Sky-Blue-56_x64_crop_center.jpg?v=1720082505');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Electric Blue - Surf The Web" aria-label="Electric Blue - Surf The Web">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Electric Blue - Surf The Web" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: electricblue-surftheweb;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-Electric-Blue-Surf-The-Web-24_x64_crop_center.jpg?v=1726683164');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Dolphin Blue" aria-label="Dolphin Blue">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Dolphin Blue" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: dolphinblue;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-Dolphin-Blue-25_x64_crop_center.jpg?v=1726683172');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Navy Blue" aria-label="Navy Blue">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Navy Blue" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: navyblue;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-Navy-Blue-40_x64_crop_center.jpg?v=1720030623');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Dark Navy" aria-label="Dark Navy">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Dark Navy" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: darknavy;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-Dark-Navy-41_x64_crop_center.jpg?v=1720030629');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="18-1450 TPX Mecca Orange" aria-label="18-1450 TPX Mecca Orange">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="18-1450 TPX Mecca Orange" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: 18-1450tpxmeccaorange;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-18-1450-TPX-Mecca-Orange-46_x64_crop_center.jpg?v=1720079634');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Umber Brown" aria-label="Umber Brown">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Umber Brown" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: umberbrown;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-Umber-Brown-11_x64_crop_center.jpg?v=1728324799');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="18-1664 TCX Fiery Red" aria-label="18-1664 TCX Fiery Red">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="18-1664 TCX Fiery Red" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: 18-1664tcxfieryred;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-18-1664-TCX-Fiery-Red-49_x64_crop_center.png?v=1720030691');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Grenadine Red" aria-label="Grenadine Red">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Grenadine Red" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: grenadinered;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-Grenadine-Red-36_x64_crop_center.jpg?v=1720082453');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Red" aria-label="Red">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Red" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: red;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-Red-43_x64_crop_center.jpg?v=1720082466');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="17-1656 TCX Hot Coral" aria-label="17-1656 TCX Hot Coral">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="17-1656 TCX Hot Coral" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: 17-1656tcxhotcoral;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-17-1656-TCX-Hot-Coral-58_x64_crop_center.jpg?v=1720079653');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Rio Red" aria-label="Rio Red">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Rio Red" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: riored;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-Rio-Red-37_x64_crop_center.jpg?v=1720082457');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="19-1940 TPG Rumba Red" aria-label="19-1940 TPG Rumba Red">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="19-1940 TPG Rumba Red" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: 19-1940tpgrumbared;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-19-1940-TPG-Rumba-Red-50_x64_crop_center.png?v=1720030696');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Light Pink" aria-label="Light Pink">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Light Pink" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: lightpink;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-Light-Pink-16_x64_crop_center.jpg?v=1728324842');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Coral" aria-label="Coral">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Coral" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: coral;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-Coral-14_x64_crop_center.jpg?v=1728324824');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Cantaloupe Coral" aria-label="Cantaloupe Coral">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Cantaloupe Coral" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: cantaloupecoral;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-Cantaloupe-Coral-15_x64_crop_center.jpg?v=1728324833');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Fuchsia" aria-label="Fuchsia">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Fuchsia" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: fuchsia;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-Fuchsia-19_x64_crop_center.jpg?v=1728324866');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Off-White" aria-label="Off-White">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Off-White" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: off-white;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-Off-White-4_x64_crop_center.jpg?v=1728324736');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Bone Beige" aria-label="Bone Beige">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Bone Beige" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: bonebeige;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-Bone-Beige-65_x64_crop_center.jpg?v=1726732254');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Iced Coffee" aria-label="Iced Coffee">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Iced Coffee" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: icedcoffee;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-Iced-Coffee-5_x64_crop_center.jpg?v=1728324745');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Milk Coffee Brown" aria-label="Milk Coffee Brown">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Milk Coffee Brown" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: milkcoffeebrown;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-Milk-Coffee-Brown-8_x64_crop_center.jpg?v=1728324773');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Brown" aria-label="Brown">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Brown" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: brown;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-Brown-10_x64_crop_center.jpg?v=1728324789');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="19-1214 TPX Chocolate Lab" aria-label="19-1214 TPX Chocolate Lab">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="19-1214 TPX Chocolate Lab" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: 19-1214tpxchocolatelab;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-19-1214-TPX-Chocolate-Lab-53_x64_crop_center.jpg?v=1720030712');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Canard Yellow" aria-label="Canard Yellow">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Canard Yellow" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: canardyellow;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-Canard-Yellow-63_x64_crop_center.jpg?v=1726732230');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Yellow" aria-label="Yellow">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Yellow" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: yellow;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-Yellow-13_x64_crop_center.jpg?v=1728324816');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="14-0445 TCX Bright Chartreuse" aria-label="14-0445 TCX Bright Chartreuse">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="14-0445 TCX Bright Chartreuse" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: 14-0445tcxbrightchartreuse;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-14-0445-TCX-Bright-Chartreuse-45_x64_crop_center.jpg?v=1720082475');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Ecru Olive" aria-label="Ecru Olive">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Ecru Olive" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: ecruolive;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-Ecru-Olive-31_x64_crop_center.jpg?v=1720030562');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Turf Green" aria-label="Turf Green">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Turf Green" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: turfgreen;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-Turf-Green-32_x64_crop_center.jpg?v=1720082444');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Pastel Green" aria-label="Pastel Green">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Pastel Green" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: pastelgreen;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-Pastel-Green-64_x64_crop_center.jpg?v=1726732242');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Rosin Green" aria-label="Rosin Green">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Rosin Green" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: rosingreen;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-Rosin-Green-44_x64_crop_center.jpg?v=1720082471');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Dark Green" aria-label="Dark Green">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Dark Green" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: darkgreen;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-Dark-Green-29_x64_crop_center.jpg?v=1726683204');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="17-0205 TCX Elephant Skin" aria-label="17-0205 TCX Elephant Skin">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="17-0205 TCX Elephant Skin" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: 17-0205tcxelephantskin;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/IMG_4751_x64_crop_center.jpg?v=1732529612');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Olive Grey" aria-label="Olive Grey">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Olive Grey" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: olivegrey;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-Olive-Grey-9_x64_crop_center.jpg?v=1728324781');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Warm Grey" aria-label="Warm Grey">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Warm Grey" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: warmgrey;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-Warm-Grey-38_x64_crop_center.jpg?v=1720030610');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Grey" aria-label="Grey">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Grey" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: grey;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-Grey-39_x64_crop_center.jpg?v=1720030616');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Black" aria-label="Black">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Black" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: black;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Vegan-silk-Cupro-Satin-SCARLET-50-Colors-Available-Fabric-fabricsight-Meters-Black-42_x64_crop_center.jpg?v=1720030635');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
</form>

*

<form class="add-to-cart" action="*">
  <input class="hidden-item" data-product-title-form="Vegan silk - Cupro Satin - SCARLET (+50 Colors Available)">
  <input class="Meters MetersNightBlue hidden-item variation-type" value="51335563313501">
  <input class="Meters MetersLilac hidden-item variation-type" value="40257310261302">
  <input class="Meters MetersAfricanViolet hidden-item variation-type" value="40255710953526">
  <input class="Meters MetersDustyRose hidden-item variation-type" value="40257320255542">
  <input class="Meters MetersMauveWine hidden-item variation-type" value="40257437040694">
  <input class="Meters MetersTawnyPort hidden-item variation-type" value="40257483636790">
  <input class="Meters MetersGrapePurple hidden-item variation-type" value="52124560064861">
  <input class="Meters MetersFuchsiaRed hidden-item variation-type" value="50746869383517">
  <input class="Meters Meters18-3714TCXMulledGrape hidden-item variation-type" value="50746862010717">
  <input class="Meters MetersPetrolGreen hidden-item variation-type" value="40257457750070">
  <input class="Meters Meters19-4536TPGCrystalTeal hidden-item variation-type" value="50746862043485">
  <input class="Meters MetersLightBlue hidden-item variation-type" value="52124560097629">
  <input class="Meters MetersMintBlue hidden-item variation-type" value="40257452736566">
  <input class="Meters MetersTurquoise hidden-item variation-type" value="40257461878838">
  <input class="Meters MetersSkyBlue hidden-item variation-type" value="52124560130397">
  <input class="Meters MetersElectricBlue-SurfTheWeb hidden-item variation-type" value="40257351057462">
  <input class="Meters MetersDolphinBlue hidden-item variation-type" value="40257315110966">
  <input class="Meters MetersNavyBlue hidden-item variation-type" value="40257493172278">
  <input class="Meters MetersDarkNavy hidden-item variation-type" value="40257478426678">
  <input class="Meters Meters18-1450TPXMeccaOrange hidden-item variation-type" value="50746769801565">
  <input class="Meters MetersUmberBrown hidden-item variation-type" value="40257466761270">
  <input class="Meters Meters18-1664TCXFieryRed hidden-item variation-type" value="50746769834333">
  <input class="Meters MetersGrenadineRed hidden-item variation-type" value="40257479344182">
  <input class="Meters MetersRed hidden-item variation-type" value="47022530462045">
  <input class="Meters Meters17-1656TCXHotCoral hidden-item variation-type" value="50746769768797">
  <input class="Meters MetersRioRed hidden-item variation-type" value="40257480359990">
  <input class="Meters Meters19-1940TPGRumbaRed hidden-item variation-type" value="50746789921117">
  <input class="Meters MetersLightPink hidden-item variation-type" value="44364677447964">
  <input class="Meters MetersCoral hidden-item variation-type" value="40257491992630">
  <input class="Meters MetersCantaloupeCoral hidden-item variation-type" value="40257296859190">
  <input class="Meters MetersFuchsia hidden-item variation-type" value="40257492844598">
  <input class="Meters MetersOff-White hidden-item variation-type" value="40257480228918">
  <input class="Meters MetersBoneBeige hidden-item variation-type" value="44364677415196">
  <input class="Meters MetersIcedCoffee hidden-item variation-type" value="40257477705782">
  <input class="Meters MetersMilkCoffeeBrown hidden-item variation-type" value="40257449066550">
  <input class="Meters MetersBrown hidden-item variation-type" value="40257292697654">
  <input class="Meters Meters19-1214TPXChocolateLab hidden-item variation-type" value="50746769736029">
  <input class="Meters MetersCanardYellow hidden-item variation-type" value="40257454440502">
  <input class="Meters MetersYellow hidden-item variation-type" value="40257475248182">
  <input class="Meters Meters14-0445TCXBrightChartreuse hidden-item variation-type" value="49305523978589">
  <input class="Meters MetersEcruOlive hidden-item variation-type" value="40257336180790">
  <input class="Meters MetersTurfGreen hidden-item variation-type" value="40257477181494">
  <input class="Meters MetersPastelGreen hidden-item variation-type" value="40257287225398">
  <input class="Meters MetersRosinGreen hidden-item variation-type" value="49223896334685">
  <input class="Meters MetersDarkGreen hidden-item variation-type" value="40257302921270">
  <input class="Meters Meters17-0205TCXElephantSkin hidden-item variation-type" value="50746769703261">
  <input class="Meters MetersOliveGrey hidden-item variation-type" value="40257455194166">
  <input class="Meters MetersWarmGrey hidden-item variation-type" value="40257486422070">
  <input class="Meters MetersGrey hidden-item variation-type" value="40257479934006">
  <input class="Meters MetersBlack hidden-item variation-type" value="40257488748598">
  <input class="Swatch SwatchNightBlue hidden-item variation-type" value="51335563346269">
  <input class="Swatch SwatchLilac hidden-item variation-type" value="40257310294070">
  <input class="Swatch SwatchAfricanViolet hidden-item variation-type" value="40255711019062">
  <input class="Swatch SwatchDustyRose hidden-item variation-type" value="40257320288310">
  <input class="Swatch SwatchMauveWine hidden-item variation-type" value="40257437073462">
  <input class="Swatch SwatchTawnyPort hidden-item variation-type" value="40257483669558">
  <input class="Swatch SwatchGrapePurple hidden-item variation-type" value="52124560163165">
  <input class="Swatch SwatchFuchsiaRed hidden-item variation-type" value="50746869416285">
  <input class="Swatch Swatch18-3714TCXMulledGrape hidden-item variation-type" value="50746862076253">
  <input class="Swatch SwatchPetrolGreen hidden-item variation-type" value="40257457782838">
  <input class="Swatch Swatch19-4536TPGCrystalTeal hidden-item variation-type" value="50746862109021">
  <input class="Swatch SwatchLightBlue hidden-item variation-type" value="52124560195933">
  <input class="Swatch SwatchMintBlue hidden-item variation-type" value="40257452769334">
  <input class="Swatch SwatchTurquoise hidden-item variation-type" value="40257461911606">
  <input class="Swatch SwatchSkyBlue hidden-item variation-type" value="52124560228701">
  <input class="Swatch SwatchElectricBlue-SurfTheWeb hidden-item variation-type" value="40257351090230">
  <input class="Swatch SwatchDolphinBlue hidden-item variation-type" value="40257315143734">
  <input class="Swatch SwatchNavyBlue hidden-item variation-type" value="40257493237814">
  <input class="Swatch SwatchDarkNavy hidden-item variation-type" value="40257478459446">
  <input class="Swatch Swatch18-1450TPXMeccaOrange hidden-item variation-type" value="50746769965405">
  <input class="Swatch SwatchUmberBrown hidden-item variation-type" value="40257466794038">
  <input class="Swatch Swatch18-1664TCXFieryRed hidden-item variation-type" value="50746769998173">
  <input class="Swatch SwatchGrenadineRed hidden-item variation-type" value="40257479376950">
  <input class="Swatch SwatchRed hidden-item variation-type" value="47022531674461">
  <input class="Swatch Swatch17-1656TCXHotCoral hidden-item variation-type" value="50746769932637">
  <input class="Swatch SwatchRioRed hidden-item variation-type" value="40257480392758">
  <input class="Swatch Swatch19-1940TPGRumbaRed hidden-item variation-type" value="50746789986653">
  <input class="Swatch SwatchLightPink hidden-item variation-type" value="44364677513500">
  <input class="Swatch SwatchCoral hidden-item variation-type" value="40257492123702">
  <input class="Swatch SwatchCantaloupeCoral hidden-item variation-type" value="40257296891958">
  <input class="Swatch SwatchFuchsia hidden-item variation-type" value="40257492877366">
  <input class="Swatch SwatchOff-White hidden-item variation-type" value="40257480261686">
  <input class="Swatch SwatchBoneBeige hidden-item variation-type" value="44364677480732">
  <input class="Swatch SwatchIcedCoffee hidden-item variation-type" value="40257477738550">
  <input class="Swatch SwatchMilkCoffeeBrown hidden-item variation-type" value="40257449099318">
  <input class="Swatch SwatchBrown hidden-item variation-type" value="40257292730422">
  <input class="Swatch Swatch19-1214TPXChocolateLab hidden-item variation-type" value="50746769899869">
  <input class="Swatch SwatchCanardYellow hidden-item variation-type" value="40257454473270">
  <input class="Swatch SwatchYellow hidden-item variation-type" value="40257475280950">
  <input class="Swatch Swatch14-0445TCXBrightChartreuse hidden-item variation-type" value="49305524011357">
  <input class="Swatch SwatchEcruOlive hidden-item variation-type" value="40257336213558">
  <input class="Swatch SwatchTurfGreen hidden-item variation-type" value="40257477214262">
  <input class="Swatch SwatchPastelGreen hidden-item variation-type" value="40257287258166">
  <input class="Swatch SwatchRosinGreen hidden-item variation-type" value="49223896367453">
  <input class="Swatch SwatchDarkGreen hidden-item variation-type" value="40257302954038">
  <input class="Swatch Swatch17-0205TCXElephantSkin hidden-item variation-type" value="50746769867101">
  <input class="Swatch SwatchOliveGrey hidden-item variation-type" value="40257455226934">
  <input class="Swatch SwatchWarmGrey hidden-item variation-type" value="40257486454838">
  <input class="Swatch SwatchGrey hidden-item variation-type" value="40257479966774">
  <input class="Swatch SwatchBlack hidden-item variation-type" value="40257488781366">
  <input id="product-quantity-input" class="form-field-input form-field-number form-field-filled quantity-form" value="1" min="1" name="quantity" type="number" pattern="\d*" aria-label="Quantity" data-quantity-input="" mm-min="1" mm-stock-max="NaN"
    step="1" mm-step="1">
  <button class="swatch-btn" data-option="Swatch">
    <div class="text"> Order Swatch </div>
    <div class="loading-icon">
      <svg aria-hidden="true" focusable="false" role="presentation" width="26" height="26" viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg">
        <g fill-rule="nonzero" fill="currentColor">
          <path d="M13 26C5.82 26 0 20.18 0 13S5.82 0 13 0s13 5.82 13 13-5.82 13-13 13zm0-3.852a9.148 9.148 0 1 0 0-18.296 9.148 9.148 0 0 0 0 18.296z" opacity=".29"></path>
          <path d="M13 26c7.18 0 13-5.82 13-13a1.926 1.926 0 0 0-3.852 0A9.148 9.148 0 0 1 13 22.148 1.926 1.926 0 0 0 13 26z"></path>
        </g>
      </svg>
    </div>
  </button>
  <button class="meter-btn button-primary" data-option="Meters">
    <div class="text"> add to cart </div>
    <div class="loading-icon">
      <svg aria-hidden="true" focusable="false" role="presentation" width="26" height="26" viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg">
        <g fill-rule="nonzero" fill="currentColor">
          <path d="M13 26C5.82 26 0 20.18 0 13S5.82 0 13 0s13 5.82 13 13-5.82 13-13 13zm0-3.852a9.148 9.148 0 1 0 0-18.296 9.148 9.148 0 0 0 0 18.296z" opacity=".29"></path>
          <path d="M13 26c7.18 0 13-5.82 13-13a1.926 1.926 0 0 0-3.852 0A9.148 9.148 0 0 1 13 22.148 1.926 1.926 0 0 0 13 26z"></path>
        </g>
      </svg>
    </div>
  </button>
</form>

<form class="productitem--swatches-container" data-swatches-container="" aria-label="Color options for Organic Cotton Jersey - Stretch - 32 Colors Available" data-product-title="Organic Cotton Jersey - Stretch - 32 Colors Available">
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Dark Grey Melange" aria-label="Dark Grey Melange">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Dark Grey Melange" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: darkgreymelange;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Jersey-Stretch-32-Colors-Available-Fabric-fabricsight-Meters-Dark-Grey-Melange_x64_crop_center.jpg?v=1717697538');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Light Grey Melange" aria-label="Light Grey Melange">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Light Grey Melange" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: lightgreymelange;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Jersey-Stretch-32-Colors-Available-Fabric-fabricsight-Meters-Light-Grey-Melange-2_x64_crop_center.jpg?v=1717697554');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Lilac" aria-label="Lilac">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Lilac" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: lilac;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Jersey-Stretch-32-Colors-Available-Fabric-fabricsight-Meters-Lilac-3_x64_crop_center.jpg?v=1717697569');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Optical White" aria-label="Optical White">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Optical White" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: opticalwhite;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Jersey-Stretch-32-Colors-Available-Fabric-fabricsight-Meters-Optical-White-6_x64_crop_center.jpg?v=1717697621');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Off-white" aria-label="Off-white">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Off-white" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: off-white;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Jersey-Stretch-32-Colors-Available-Fabric-fabricsight-Meters-Off-white-7_x64_crop_center.jpg?v=1717697635');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Sand Grey" aria-label="Sand Grey">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Sand Grey" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: sandgrey;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Jersey-Stretch-32-Colors-Available-Fabric-fabricsight-Meters-Sand-Grey-8_x64_crop_center.jpg?v=1717697650');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Mustard" aria-label="Mustard">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Mustard" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: mustard;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Jersey-Stretch-32-Colors-Available-Fabric-fabricsight-Meters-Mustard-9_x64_crop_center.jpg?v=1717697665');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Dust Pink" aria-label="Dust Pink">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Dust Pink" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: dustpink;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Jersey-Stretch-32-Colors-Available-Fabric-fabricsight-Meters-Dust-Pink-10_x64_crop_center.jpg?v=1717697679');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Pink" aria-label="Pink">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Pink" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: pink;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Jersey-Stretch-32-Colors-Available-Fabric-fabricsight-Meters-Pink-11_x64_crop_center.jpg?v=1717697693');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Orange" aria-label="Orange">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Orange" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: orange;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Jersey-Stretch-32-Colors-Available-Fabric-fabricsight-Meters-Orange-12_x64_crop_center.jpg?v=1717697707');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Cherry Flower Pink" aria-label="Cherry Flower Pink">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Cherry Flower Pink" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: cherryflowerpink;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Jersey-Stretch-32-Colors-Available-Fabric-fabricsight-Meters-Cherry-Flower-Pink-13_x64_crop_center.jpg?v=1717697723');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Fuchsia" aria-label="Fuchsia">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Fuchsia" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: fuchsia;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Jersey-Stretch-32-Colors-Available-Fabric-fabricsight-Meters-Fuchsia-14_x64_crop_center.jpg?v=1717697737');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Red" aria-label="Red">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Red" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: red;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Jersey-Stretch-32-Colors-Available-Fabric-fabricsight-Meters-Red-15_x64_crop_center.jpg?v=1717697751');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Mint" aria-label="Mint">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Mint" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: mint;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Jersey-Stretch-32-Colors-Available-Fabric-fabricsight-Meters-Mint-16_x64_crop_center.jpg?v=1717697766');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Turquoise" aria-label="Turquoise">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Turquoise" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: turquoise;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Jersey-Stretch-32-Colors-Available-Fabric-fabricsight-Meters-Turquoise-17_x64_crop_center.jpg?v=1717697779');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Pistachio Green" aria-label="Pistachio Green">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Pistachio Green" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: pistachiogreen;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Jersey-Stretch-32-Colors-Available-Fabric-fabricsight-Meters-Pistachio-Green-19_x64_crop_center.jpg?v=1717697805');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Light Blue" aria-label="Light Blue">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Light Blue" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: lightblue;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Jersey-Stretch-32-Colors-Available-Fabric-fabricsight-Meters-Light-Blue-18_x64_crop_center.jpg?v=1717697791');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Baby Blue" aria-label="Baby Blue">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Baby Blue" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: babyblue;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Jersey-Stretch-32-Colors-Available-Fabric-fabricsight-Meters-Baby-Blue-20_x64_crop_center.jpg?v=1717697818');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Blue Sky" aria-label="Blue Sky">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Blue Sky" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: bluesky;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Jersey-Stretch-32-Colors-Available-Fabric-fabricsight-Meters-Blue-Sky-21_x64_crop_center.jpg?v=1717697829');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Electric Blue" aria-label="Electric Blue">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Electric Blue" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: electricblue;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Jersey-Stretch-32-Colors-Available-Fabric-fabricsight-Meters-Electric-Blue-22_x64_crop_center.jpg?v=1717697841');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Navy" aria-label="Navy">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Navy" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: navy;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Jersey-Stretch-32-Colors-Available-Fabric-fabricsight-Meters-Navy-23_x64_crop_center.jpg?v=1717697852');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Vintage rose" aria-label="Vintage rose">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Vintage rose" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: vintagerose;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Jersey-Stretch-32-Colors-Available-Fabric-fabricsight-Meters-Vintage-rose-24_x64_crop_center.jpg?v=1717697864');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Brown" aria-label="Brown">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Brown" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: brown;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Jersey-Stretch-32-Colors-Available-Fabric-fabricsight-Meters-Brown-25_x64_crop_center.jpg?v=1717697875');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Black" aria-label="Black">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Black" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: black;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Jersey-Stretch-32-Colors-Available-Fabric-fabricsight-Meters-Black-26_x64_crop_center.jpg?v=1715087361');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Chocolate Brown" aria-label="Chocolate Brown">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Chocolate Brown" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: chocolatebrown;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Jersey-Stretch-32-Colors-Available-Fabric-fabricsight-Meters-Chocolate-Brown-27_x64_crop_center.jpg?v=1715087367');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Prussian Blue" aria-label="Prussian Blue">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Prussian Blue" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: prussianblue;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Jersey-Stretch-32-Colors-Available-Fabric-fabricsight-Meters-Prussian-Blue-28_x64_crop_center.jpg?v=1715087374');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Forest Green" aria-label="Forest Green">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Forest Green" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: forestgreen;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Jersey-Stretch-32-Colors-Available-Fabric-fabricsight-Meters-Forest-Green-29_x64_crop_center.jpg?v=1714566923');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Burgundy" aria-label="Burgundy">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Burgundy" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: burgundy;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Jersey-Stretch-32-Colors-Available-Fabric-fabricsight-Meters-Burgundy-30_x64_crop_center.jpg?v=1714498742');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Petrol Green" aria-label="Petrol Green">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Petrol Green" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: petrolgreen;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Jersey-Stretch-32-Colors-Available-Fabric-fabricsight-Meters-Petrol-Green-31_x64_crop_center.jpg?v=1715087381');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Pink Fluor" aria-label="Pink Fluor">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Pink Fluor" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: pinkfluor;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Jersey-Stretch-32-Colors-Available-Fabric-fabricsight-Meters-Pink-Fluor-32_x64_crop_center.jpg?v=1714498753');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Orange Fluor" aria-label="Orange Fluor">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Orange Fluor" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: orangefluor;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Jersey-Stretch-32-Colors-Available-Fabric-fabricsight-Meters-Orange-Fluor-33_x64_crop_center.jpg?v=1714498757');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Green Fluor" aria-label="Green Fluor">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Green Fluor" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: greenfluor;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Jersey-Stretch-32-Colors-Available-Fabric-fabricsight-Meters-Green-Fluor-34_x64_crop_center.jpg?v=1714498761');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
</form>

*

<form class="add-to-cart" action="*">
  <input class="hidden-item" data-product-title-form="Organic Cotton Jersey - Stretch - 32 Colors Available">
  <input class="Meters MetersDarkGreyMelange hidden-item variation-type" value="33010568036406">
  <input class="Meters MetersLightGreyMelange hidden-item variation-type" value="33010566725686">
  <input class="Meters MetersLilac hidden-item variation-type" value="33010567249974">
  <input class="Meters MetersOpticalWhite hidden-item variation-type" value="33010566791222">
  <input class="Meters MetersOff-white hidden-item variation-type" value="33010566856758">
  <input class="Meters MetersSandGrey hidden-item variation-type" value="33010566660150">
  <input class="Meters MetersMustard hidden-item variation-type" value="33010566922294">
  <input class="Meters MetersDustPink hidden-item variation-type" value="33010566987830">
  <input class="Meters MetersPink hidden-item variation-type" value="33010567053366">
  <input class="Meters MetersOrange hidden-item variation-type" value="33010567118902">
  <input class="Meters MetersCherryFlowerPink hidden-item variation-type" value="33010567184438">
  <input class="Meters MetersFuchsia hidden-item variation-type" value="33010567315510">
  <input class="Meters MetersRed hidden-item variation-type" value="33010567381046">
  <input class="Meters MetersMint hidden-item variation-type" value="33010567446582">
  <input class="Meters MetersTurquoise hidden-item variation-type" value="33010567512118">
  <input class="Meters MetersPistachioGreen hidden-item variation-type" value="33010567577654">
  <input class="Meters MetersLightBlue hidden-item variation-type" value="33010567643190">
  <input class="Meters MetersBabyBlue hidden-item variation-type" value="33010567708726">
  <input class="Meters MetersBlueSky hidden-item variation-type" value="33010567774262">
  <input class="Meters MetersElectricBlue hidden-item variation-type" value="33010567839798">
  <input class="Meters MetersNavy hidden-item variation-type" value="33010567905334">
  <input class="Meters MetersVintagerose hidden-item variation-type" value="33010567970870">
  <input class="Meters MetersBrown hidden-item variation-type" value="33010566594614">
  <input class="Meters MetersBlack hidden-item variation-type" value="33010568101942">
  <input class="Meters MetersChocolateBrown hidden-item variation-type" value="39666601492534">
  <input class="Meters MetersPrussianBlue hidden-item variation-type" value="39666601558070">
  <input class="Meters MetersForestGreen hidden-item variation-type" value="39666601623606">
  <input class="Meters MetersBurgundy hidden-item variation-type" value="39666601656374">
  <input class="Meters MetersPetrolGreen hidden-item variation-type" value="40277682356278">
  <input class="Meters MetersPinkFluor hidden-item variation-type" value="40277682389046">
  <input class="Meters MetersOrangeFluor hidden-item variation-type" value="40277682421814">
  <input class="Meters MetersGreenFluor hidden-item variation-type" value="40277682454582">
  <input class="Swatch SwatchDarkGreyMelange hidden-item variation-type" value="33010568069174">
  <input class="Swatch SwatchLightGreyMelange hidden-item variation-type" value="33010566758454">
  <input class="Swatch SwatchLilac hidden-item variation-type" value="33010567282742">
  <input class="Swatch SwatchOpticalWhite hidden-item variation-type" value="33010566823990">
  <input class="Swatch SwatchOff-white hidden-item variation-type" value="33010566889526">
  <input class="Swatch SwatchSandGrey hidden-item variation-type" value="33010566692918">
  <input class="Swatch SwatchMustard hidden-item variation-type" value="33010566955062">
  <input class="Swatch SwatchDustPink hidden-item variation-type" value="33010567020598">
  <input class="Swatch SwatchPink hidden-item variation-type" value="33010567086134">
  <input class="Swatch SwatchOrange hidden-item variation-type" value="33010567151670">
  <input class="Swatch SwatchCherryFlowerPink hidden-item variation-type" value="33010567217206">
  <input class="Swatch SwatchFuchsia hidden-item variation-type" value="33010567348278">
  <input class="Swatch SwatchRed hidden-item variation-type" value="33010567413814">
  <input class="Swatch SwatchMint hidden-item variation-type" value="33010567479350">
  <input class="Swatch SwatchTurquoise hidden-item variation-type" value="33010567544886">
  <input class="Swatch SwatchPistachioGreen hidden-item variation-type" value="33010567610422">
  <input class="Swatch SwatchLightBlue hidden-item variation-type" value="33010567675958">
  <input class="Swatch SwatchBabyBlue hidden-item variation-type" value="33010567741494">
  <input class="Swatch SwatchBlueSky hidden-item variation-type" value="33010567807030">
  <input class="Swatch SwatchElectricBlue hidden-item variation-type" value="33010567872566">
  <input class="Swatch SwatchNavy hidden-item variation-type" value="33010567938102">
  <input class="Swatch SwatchVintagerose hidden-item variation-type" value="33010568003638">
  <input class="Swatch SwatchBrown hidden-item variation-type" value="33010566627382">
  <input class="Swatch SwatchBlack hidden-item variation-type" value="33010568134710">
  <input class="Swatch SwatchChocolateBrown hidden-item variation-type" value="39666601721910">
  <input class="Swatch SwatchPrussianBlue hidden-item variation-type" value="39666601754678">
  <input class="Swatch SwatchForestGreen hidden-item variation-type" value="39666601820214">
  <input class="Swatch SwatchBurgundy hidden-item variation-type" value="39666601885750">
  <input class="Swatch SwatchPetrolGreen hidden-item variation-type" value="40277682487350">
  <input class="Swatch SwatchPinkFluor hidden-item variation-type" value="40277682520118">
  <input class="Swatch SwatchOrangeFluor hidden-item variation-type" value="40277682552886">
  <input class="Swatch SwatchGreenFluor hidden-item variation-type" value="40277682585654">
  <input id="product-quantity-input" class="form-field-input form-field-number form-field-filled quantity-form" value="1" min="1" name="quantity" type="number" pattern="\d*" aria-label="Quantity" data-quantity-input="" mm-min="1" mm-stock-max="NaN"
    step="1" mm-step="1">
  <button class="swatch-btn" data-option="Swatch">
    <div class="text"> Order Swatch </div>
    <div class="loading-icon">
      <svg aria-hidden="true" focusable="false" role="presentation" width="26" height="26" viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg">
        <g fill-rule="nonzero" fill="currentColor">
          <path d="M13 26C5.82 26 0 20.18 0 13S5.82 0 13 0s13 5.82 13 13-5.82 13-13 13zm0-3.852a9.148 9.148 0 1 0 0-18.296 9.148 9.148 0 0 0 0 18.296z" opacity=".29"></path>
          <path d="M13 26c7.18 0 13-5.82 13-13a1.926 1.926 0 0 0-3.852 0A9.148 9.148 0 0 1 13 22.148 1.926 1.926 0 0 0 13 26z"></path>
        </g>
      </svg>
    </div>
  </button>
  <button class="meter-btn button-primary" data-option="Meters">
    <div class="text"> add to cart </div>
    <div class="loading-icon">
      <svg aria-hidden="true" focusable="false" role="presentation" width="26" height="26" viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg">
        <g fill-rule="nonzero" fill="currentColor">
          <path d="M13 26C5.82 26 0 20.18 0 13S5.82 0 13 0s13 5.82 13 13-5.82 13-13 13zm0-3.852a9.148 9.148 0 1 0 0-18.296 9.148 9.148 0 0 0 0 18.296z" opacity=".29"></path>
          <path d="M13 26c7.18 0 13-5.82 13-13a1.926 1.926 0 0 0-3.852 0A9.148 9.148 0 0 1 13 22.148 1.926 1.926 0 0 0 13 26z"></path>
        </g>
      </svg>
    </div>
  </button>
</form>

<form class="productitem--swatches-container" data-swatches-container="" aria-label="Color options for Organic Cotton Poplin - 43 Colors Available" data-product-title="Organic Cotton Poplin - 43 Colors Available">
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Almost Orange" aria-label="Almost Orange">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Almost Orange" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: almostorange;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Poplin-43-Colors-Available-Fabric-fabricsight-Meters-Almost-Orange_x64_crop_center.jpg?v=1714568960');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Optical White" aria-label="Optical White">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Optical White" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: opticalwhite;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Poplin-43-Colors-Available-Fabric-fabricsight-Meters-Optical-White-2_x64_crop_center.jpg?v=1715173990');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Off-White" aria-label="Off-White">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Off-White" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: off-white;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Poplin-43-Colors-Available-Fabric-fabricsight-Meters-Off-White-3_x64_crop_center.jpg?v=1715173996');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Ecru" aria-label="Ecru">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Ecru" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: ecru;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Poplin-43-Colors-Available-Fabric-fabricsight-Meters-Ecru-4_x64_crop_center.jpg?v=1714508197');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Pastel Peach" aria-label="Pastel Peach">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Pastel Peach" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: pastelpeach;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Poplin-43-Colors-Available-Fabric-fabricsight-Meters-Pastel-Peach-11_x64_crop_center.jpg?v=1714508238');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Caramel" aria-label="Caramel">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Caramel" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: caramel;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Poplin-43-Colors-Available-Fabric-fabricsight-Meters-Caramel-5_x64_crop_center.jpg?v=1715174003');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Brown Patina" aria-label="Brown Patina">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Brown Patina" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: brownpatina;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Poplin-43-Colors-Available-Fabric-fabricsight-Meters-Brown-Patina-16_x64_crop_center.jpg?v=1715174054');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Olive Green" aria-label="Olive Green">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Olive Green" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: olivegreen;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Poplin-43-Colors-Available-Fabric-fabricsight-Meters-Olive-Green-33_x64_crop_center.jpg?v=1715174130');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Dark Brown" aria-label="Dark Brown">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Dark Brown" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: darkbrown;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Poplin-43-Colors-Available-Fabric-fabricsight-Meters-Dark-Brown-7_x64_crop_center.jpg?v=1715174015');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Black" aria-label="Black">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Black" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: black;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Poplin-43-Colors-Available-Fabric-fabricsight-Meters-Black-13_x64_crop_center.jpg?v=1715174040');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Bright Yellow" aria-label="Bright Yellow">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Bright Yellow" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: brightyellow;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Poplin-43-Colors-Available-Fabric-fabricsight-Meters-Bright-Yellow-15_x64_crop_center.jpg?v=1714569003');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Mustard" aria-label="Mustard">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Mustard" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: mustard;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Poplin-43-Colors-Available-Fabric-fabricsight-Meters-Mustard-36_x64_crop_center.jpg?v=1714508374');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Pale Rosette" aria-label="Pale Rosette">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Pale Rosette" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: palerosette;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Poplin-43-Colors-Available-Fabric-fabricsight-Meters-Pale-Rosette-26_x64_crop_center.jpg?v=1715174118');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Sun Kissed Coral" aria-label="Sun Kissed Coral">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Sun Kissed Coral" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: sunkissedcoral;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Poplin-43-Colors-Available-Fabric-fabricsight-Meters-Sun-Kissed-Coral-12_x64_crop_center.jpg?v=1714568993');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Burned Orange" aria-label="Burned Orange">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Burned Orange" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: burnedorange;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Poplin-43-Colors-Available-Fabric-fabricsight-Meters-Burned-Orange-40_x64_crop_center.jpg?v=1714569036');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Dark Tile" aria-label="Dark Tile">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Dark Tile" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: darktile;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Poplin-43-Colors-Available-Fabric-fabricsight-Meters-Dark-Tile-39_x64_crop_center.jpg?v=1715174145');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Pink Lemonade" aria-label="Pink Lemonade">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Pink Lemonade" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: pinklemonade;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Poplin-43-Colors-Available-Fabric-fabricsight-Meters-Pink-Lemonade-34_x64_crop_center.jpg?v=1715174136');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Red" aria-label="Red">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Red" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: red;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Poplin-43-Colors-Available-Fabric-fabricsight-Meters-Red-35_x64_crop_center.jpg?v=1714508368');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Candy Pink" aria-label="Candy Pink">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Candy Pink" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: candypink;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Poplin-43-Colors-Available-Fabric-fabricsight-Meters-Candy-Pink-18_x64_crop_center.jpg?v=1714508271');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Hot Pink" aria-label="Hot Pink">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Hot Pink" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: hotpink;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Poplin-43-Colors-Available-Fabric-fabricsight-Meters-Hot-Pink-22_x64_crop_center.jpg?v=1715174093');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Lilac" aria-label="Lilac">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Lilac" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: lilac;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Poplin-43-Colors-Available-Fabric-fabricsight-Meters-Lilac-23_x64_crop_center.jpg?v=1715174098');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="PURPLE" aria-label="PURPLE">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="PURPLE" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: purple;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Poplin-43-Colors-Available-Fabric-fabricsight-Meters-PURPLE-42_x64_crop_center.jpg?v=1715174158');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Plum PURPLE" aria-label="Plum PURPLE">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Plum PURPLE" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: plumpurple;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Poplin-43-Colors-Available-Fabric-fabricsight-Meters-Plum-PURPLE-37_x64_crop_center.jpg?v=1714508381');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Dusty Plum" aria-label="Dusty Plum">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Dusty Plum" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: dustyplum;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Poplin-43-Colors-Available-Fabric-fabricsight-Meters-Dusty-Plum-27_x64_crop_center.jpg?v=1714508318');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Dark Pink" aria-label="Dark Pink">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Dark Pink" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: darkpink;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Poplin-43-Colors-Available-Fabric-fabricsight-Meters-Dark-Pink-17_x64_crop_center.jpg?v=1715174060');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Red Plum" aria-label="Red Plum">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Red Plum" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: redplum;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Poplin-43-Colors-Available-Fabric-fabricsight-Meters-Red-Plum-30_x64_crop_center.jpg?v=1714508335');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Forest Green" aria-label="Forest Green">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Forest Green" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: forestgreen;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Poplin-43-Colors-Available-Fabric-fabricsight-Meters-Forest-Green-19_x64_crop_center.jpg?v=1715174072');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Baby Blue" aria-label="Baby Blue">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Baby Blue" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: babyblue;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Poplin-43-Colors-Available-Fabric-fabricsight-Meters-Baby-Blue-9_x64_crop_center.jpg?v=1715174022');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Clear Sky Blue" aria-label="Clear Sky Blue">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Clear Sky Blue" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: clearskyblue;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Poplin-43-Colors-Available-Fabric-fabricsight-Meters-Clear-Sky-Blue-38_x64_crop_center.jpg?v=1714508388');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Turquoise" aria-label="Turquoise">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Turquoise" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: turquoise;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Poplin-43-Colors-Available-Fabric-fabricsight-Meters-Turquoise-31_x64_crop_center.jpg?v=1714508343');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Cornflower Blue" aria-label="Cornflower Blue">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Cornflower Blue" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: cornflowerblue;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Poplin-43-Colors-Available-Fabric-fabricsight-Meters-Cornflower-Blue-41_x64_crop_center.jpg?v=1715174152');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Jade Blue" aria-label="Jade Blue">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Jade Blue" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: jadeblue;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Poplin-43-Colors-Available-Fabric-fabricsight-Meters-Jade-Blue-10_x64_crop_center.jpg?v=1715174028');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Cobalt Blue" aria-label="Cobalt Blue">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Cobalt Blue" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: cobaltblue;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Poplin-43-Colors-Available-Fabric-fabricsight-Meters-Cobalt-Blue-6_x64_crop_center.jpg?v=1715174009');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Navy" aria-label="Navy">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Navy" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: navy;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Poplin-43-Colors-Available-Fabric-fabricsight-Meters-Navy-25_x64_crop_center.jpg?v=1715174111');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Grass Green" aria-label="Grass Green">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Grass Green" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: grassgreen;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Poplin-43-Colors-Available-Fabric-fabricsight-Meters-Grass-Green-8_x64_crop_center.jpg?v=1714568980');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Emerald Green" aria-label="Emerald Green">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Emerald Green" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: emeraldgreen;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Poplin-43-Colors-Available-Fabric-fabricsight-Meters-Emerald-Green-28_x64_crop_center.jpg?v=1714508324');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Matt Green" aria-label="Matt Green">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Matt Green" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: mattgreen;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Poplin-43-Colors-Available-Fabric-fabricsight-Meters-Matt-Green-20_x64_crop_center.jpg?v=1715174080');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Moss Green" aria-label="Moss Green">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Moss Green" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: mossgreen;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Poplin-43-Colors-Available-Fabric-fabricsight-Meters-Moss-Green-24_x64_crop_center.jpg?v=1715174105');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Light Grey" aria-label="Light Grey">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Light Grey" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: lightgrey;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Poplin-43-Colors-Available-Fabric-fabricsight-Meters-Light-Grey-21_x64_crop_center.jpg?v=1715174086');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Cool Grey" aria-label="Cool Grey">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Cool Grey" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: coolgrey;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Poplin-43-Colors-Available-Fabric-fabricsight-Meters-Cool-Grey-43_x64_crop_center.jpg?v=1714508421');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Warm Grey" aria-label="Warm Grey">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Warm Grey" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: warmgrey;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Poplin-43-Colors-Available-Fabric-fabricsight-Meters-Warm-Grey-32_x64_crop_center.jpg?v=1714508349');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Bright Orange" aria-label="Bright Orange">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Bright Orange" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: brightorange;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Poplin-43-Colors-Available-Fabric-fabricsight-Meters-Bright-Orange-14_x64_crop_center.jpg?v=1715174047');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
  <label>
    <input class="productitem--swatches-input" type="radio" tabindex="0" name="swatch" value="Mint" aria-label="Mint">
    <div class="productitem--swatches-swatch-wrapper" data-swatch-tooltip="Mint" data-swatch="" style="
--swatch-inner-transform-x: 0.875;
            --swatch-inner-transform-y: 0.875;

">
      <div class="productitem--swatches-swatch">
        <div class="productitem--swatches-swatch-inner" style="
                        
      background-color: mint;
    
background-image: url('//www.fabricsight.com/cdn/shop/files/Organic-Cotton-Poplin-43-Colors-Available-Fabric-fabricsight-Meters-Mint-45_x64_crop_center.jpg?v=1714508436');
            width: 32.0px;
            border: 0; 


                        
                      ">
        </div>
      </div>
    </div>
  </label>
</form>

*

<form class="add-to-cart" action="*">
  <input class="hidden-item" data-product-title-form="Organic Cotton Poplin - 43 Colors Available">
  <input class="Meters MetersAlmostOrange hidden-item variation-type" value="39678548443190">
  <input class="Meters MetersOpticalWhite hidden-item variation-type" value="39678548148278">
  <input class="Meters MetersOff-White hidden-item variation-type" value="39678548181046">
  <input class="Meters MetersEcru hidden-item variation-type" value="39678548115510">
  <input class="Meters MetersPastelPeach hidden-item variation-type" value="39678548213814">
  <input class="Meters MetersCaramel hidden-item variation-type" value="39678548246582">
  <input class="Meters MetersBrownPatina hidden-item variation-type" value="39678548279350">
  <input class="Meters MetersOliveGreen hidden-item variation-type" value="39678548312118">
  <input class="Meters MetersDarkBrown hidden-item variation-type" value="39678548344886">
  <input class="Meters MetersBlack hidden-item variation-type" value="39678548377654">
  <input class="Meters MetersBrightYellow hidden-item variation-type" value="39678548410422">
  <input class="Meters MetersMustard hidden-item variation-type" value="39678548475958">
  <input class="Meters MetersPaleRosette hidden-item variation-type" value="39678548508726">
  <input class="Meters MetersSunKissedCoral hidden-item variation-type" value="39678548541494">
  <input class="Meters MetersBurnedOrange hidden-item variation-type" value="39678548574262">
  <input class="Meters MetersDarkTile hidden-item variation-type" value="39678548607030">
  <input class="Meters MetersPinkLemonade hidden-item variation-type" value="39678548639798">
  <input class="Meters MetersRed hidden-item variation-type" value="39678548672566">
  <input class="Meters MetersCandyPink hidden-item variation-type" value="39678548705334">
  <input class="Meters MetersHotPink hidden-item variation-type" value="39678548738102">
  <input class="Meters MetersLilac hidden-item variation-type" value="39678548770870">
  <input class="Meters MetersPURPLE hidden-item variation-type" value="39678548803638">
  <input class="Meters MetersPlumPURPLE hidden-item variation-type" value="39678548836406">
  <input class="Meters MetersDustyPlum hidden-item variation-type" value="39678548869174">
  <input class="Meters MetersDarkPink hidden-item variation-type" value="39678548901942">
  <input class="Meters MetersRedPlum hidden-item variation-type" value="39678548934710">
  <input class="Meters MetersForestGreen hidden-item variation-type" value="39678548967478">
  <input class="Meters MetersBabyBlue hidden-item variation-type" value="39678549000246">
  <input class="Meters MetersClearSkyBlue hidden-item variation-type" value="39678549033014">
  <input class="Meters MetersTurquoise hidden-item variation-type" value="39678549065782">
  <input class="Meters MetersCornflowerBlue hidden-item variation-type" value="39678549098550">
  <input class="Meters MetersJadeBlue hidden-item variation-type" value="39678549131318">
  <input class="Meters MetersCobaltBlue hidden-item variation-type" value="39678549164086">
  <input class="Meters MetersNavy hidden-item variation-type" value="39678549196854">
  <input class="Meters MetersGrassGreen hidden-item variation-type" value="39678549229622">
  <input class="Meters MetersEmeraldGreen hidden-item variation-type" value="39678549262390">
  <input class="Meters MetersMattGreen hidden-item variation-type" value="39678549295158">
  <input class="Meters MetersMossGreen hidden-item variation-type" value="39678549327926">
  <input class="Meters MetersLightGrey hidden-item variation-type" value="39678549360694">
  <input class="Meters MetersCoolGrey hidden-item variation-type" value="39678549393462">
  <input class="Meters MetersWarmGrey hidden-item variation-type" value="39678549426230">
  <input class="Meters MetersBrightOrange hidden-item variation-type" value="39678549458998">
  <input class="Meters MetersMint hidden-item variation-type" value="46527161565533">
  <input class="Swatch SwatchAlmostOrange hidden-item variation-type" value="39678549819446">
  <input class="Swatch SwatchOpticalWhite hidden-item variation-type" value="39678549524534">
  <input class="Swatch SwatchOff-White hidden-item variation-type" value="39678549557302">
  <input class="Swatch SwatchEcru hidden-item variation-type" value="39678549491766">
  <input class="Swatch SwatchPastelPeach hidden-item variation-type" value="39678549590070">
  <input class="Swatch SwatchCaramel hidden-item variation-type" value="39678549622838">
  <input class="Swatch SwatchBrownPatina hidden-item variation-type" value="39678549655606">
  <input class="Swatch SwatchOliveGreen hidden-item variation-type" value="39678549688374">
  <input class="Swatch SwatchDarkBrown hidden-item variation-type" value="39678549721142">
  <input class="Swatch SwatchBlack hidden-item variation-type" value="39678549753910">
  <input class="Swatch SwatchBrightYellow hidden-item variation-type" value="39678549786678">
  <input class="Swatch SwatchMustard hidden-item variation-type" value="39678549852214">
  <input class="Swatch SwatchPaleRosette hidden-item variation-type" value="39678549884982">
  <input class="Swatch SwatchSunKissedCoral hidden-item variation-type" value="39678549917750">
  <input class="Swatch SwatchBurnedOrange hidden-item variation-type" value="39678549950518">
  <input class="Swatch SwatchDarkTile hidden-item variation-type" value="39678549983286">
  <input class="Swatch SwatchPinkLemonade hidden-item variation-type" value="39678550016054">
  <input class="Swatch SwatchRed hidden-item variation-type" value="39678550048822">
  <input class="Swatch SwatchCandyPink hidden-item variation-type" value="39678550081590">
  <input class="Swatch SwatchHotPink hidden-item variation-type" value="39678550114358">
  <input class="Swatch SwatchLilac hidden-item variation-type" value="39678550147126">
  <input class="Swatch SwatchPURPLE hidden-item variation-type" value="39678550179894">
  <input class="Swatch SwatchPlumPURPLE hidden-item variation-type" value="39678550212662">
  <input class="Swatch SwatchDustyPlum hidden-item variation-type" value="39678550245430">
  <input class="Swatch SwatchDarkPink hidden-item variation-type" value="39678550278198">
  <input class="Swatch SwatchRedPlum hidden-item variation-type" value="39678550310966">
  <input class="Swatch SwatchForestGreen hidden-item variation-type" value="39678550343734">
  <input class="Swatch SwatchBabyBlue hidden-item variation-type" value="39678550376502">
  <input class="Swatch SwatchClearSkyBlue hidden-item variation-type" value="39678550409270">
  <input class="Swatch SwatchTurquoise hidden-item variation-type" value="39678550442038">
  <input class="Swatch SwatchCornflowerBlue hidden-item variation-type" value="39678550474806">
  <input class="Swatch SwatchJadeBlue hidden-item variation-type" value="39678550507574">
  <input class="Swatch SwatchCobaltBlue hidden-item variation-type" value="39678550540342">
  <input class="Swatch SwatchNavy hidden-item variation-type" value="39678550573110">
  <input class="Swatch SwatchGrassGreen hidden-item variation-type" value="39678550605878">
  <input class="Swatch SwatchEmeraldGreen hidden-item variation-type" value="39678550638646">
  <input class="Swatch SwatchMattGreen hidden-item variation-type" value="39678550671414">
  <input class="Swatch SwatchMossGreen hidden-item variation-type" value="39678550704182">
  <input class="Swatch SwatchLightGrey hidden-item variation-type" value="39678550736950">
  <input class="Swatch SwatchCoolGrey hidden-item variation-type" value="39678550769718">
  <input class="Swatch SwatchWarmGrey hidden-item variation-type" value="39678550802486">
  <input class="Swatch SwatchBrightOrange hidden-item variation-type" value="39678550835254">
  <input class="Swatch SwatchMint hidden-item variation-type" value="46527161598301">
  <input id="product-quantity-input" class="form-field-input form-field-number form-field-filled quantity-form" value="1" min="1" name="quantity" type="number" pattern="\d*" aria-label="Quantity" data-quantity-input="" mm-min="1" mm-stock-max="NaN"
    step="1" mm-step="1">
  <button class="swatch-btn" data-option="Swatch">
    <div class="text"> Order Swatch </div>
    <div class="loading-icon">
      <svg aria-hidden="true" focusable="false" role="presentation" width="26" height="26" viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg">
        <g fill-rule="nonzero" fill="currentColor">
          <path d="M13 26C5.82 26 0 20.18 0 13S5.82 0 13 0s13 5.82 13 13-5.82 13-13 13zm0-3.852a9.148 9.148 0 1 0 0-18.296 9.148 9.148 0 0 0 0 18.296z" opacity=".29"></path>
          <path d="M13 26c7.18 0 13-5.82 13-13a1.926 1.926 0 0 0-3.852 0A9.148 9.148 0 0 1 13 22.148 1.926 1.926 0 0 0 13 26z"></path>
        </g>
      </svg>
    </div>
  </button>
  <button class="meter-btn button-primary" data-option="Meters">
    <div class="text"> add to cart </div>
    <div class="loading-icon">
      <svg aria-hidden="true" focusable="false" role="presentation" width="26" height="26" viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg">
        <g fill-rule="nonzero" fill="currentColor">
          <path d="M13 26C5.82 26 0 20.18 0 13S5.82 0 13 0s13 5.82 13 13-5.82 13-13 13zm0-3.852a9.148 9.148 0 1 0 0-18.296 9.148 9.148 0 0 0 0 18.296z" opacity=".29"></path>
          <path d="M13 26c7.18 0 13-5.82 13-13a1.926 1.926 0 0 0-3.852 0A9.148 9.148 0 0 1 13 22.148 1.926 1.926 0 0 0 13 26z"></path>
        </g>
      </svg>
    </div>
  </button>
</form>

POST /en-ca/cart

<form action="/en-ca/cart" method="post" aria-label="cart checkout">
  <button class="button-primary atc-button--checkout" type="submit" name="checkout" value="Checkout">
    <span>Checkout</span>
  </button>
  <div class="wsaio_loader_checkout wsaio_loader" style="display: none;">
    <div class="loading-spinner"></div>
  </div>
</form>

Text Content

Skip to content
BECOME A WHOLESALE CLIENT - Bigger Discounts, enhanced customer experience,
priority on orders, dedicated sales team and much more... Apply here!
BECOME A WHOLESALE CLIENT - Bigger Discounts, enhanced customer experience,
priority on orders, dedicated sales team and much more... Apply here!

Menu
Cancel


+34 601 99 38 21

+34 601 99 38 21

   
 * EUR €
   
 * Login

View cart
 * SALES
 * Wholesale
 * LOW Minimum
    * APPLICATION
       * Blazers
       * Blouses
       * Bottoms
       * Bridal
       * Ceremony
       * Coats
       * Dresses
       * Leggings
       * Skirts
       * Sportswear
       * Suits
       * Sweatshirts
       * Swimwear
       * T-Shirts
       * Tops
       * Trousers
       * Accessories
       * Womenswear
       * Menswear
       * Kidswear
   
    * COLLECTIONS
       * Summer
       * Winter
       * Top Sales
   
    * AVAILABILITY
       * Reorderable
       * Dead Stocks

 * Swatches
    * Free Swatches
    * SwatchBooks
    * Sample Service

 * ABOUT
    * SUSTAINABILITY
       * Materials
       * Certifications
       * Zero Waste Programme
       * All Sustainable Fabrics
   
    * Our Customers
    * GIFT CARD
    * Consult Experts
    * About Us

 * BLOG
 * MY WISHLIST
 * LOGIN

   
 * EUR €
   
 * Login

Close
 * SALES
 * Wholesale
 * LOW Minimum
   LOW Minimum
   * APPLICATION
     APPLICATION
     * Blazers
     * Blouses
     * Bottoms
     * Bridal
     * Ceremony
     * Coats
     * Dresses
     * Leggings
     * Skirts
     * Sportswear
     * Suits
     * Sweatshirts
     * Swimwear
     * T-Shirts
     * Tops
     * Trousers
     * Accessories
     * Womenswear
     * Menswear
     * Kidswear
   * COLLECTIONS
     COLLECTIONS
     * Summer
     * Winter
     * Top Sales
   * AVAILABILITY
     AVAILABILITY
     * Reorderable
     * Dead Stocks
 * Swatches
   Swatches
   * Free Swatches
   * SwatchBooks
   * Sample Service
 * ABOUT
   ABOUT
   * SUSTAINABILITY
     SUSTAINABILITY
     * Materials
     * Certifications
     * Zero Waste Programme
     * All Sustainable Fabrics
   * Our Customers
   * GIFT CARD
   * Consult Experts
   * About Us
 * BLOG
 * MY WISHLIST
 * LOGIN







HOUSE OF CUPRO

Our best-seller and most sustainable fabric range!
BUY NOW WHY CUPRO?
BUY NOW
 1. Slide 1
 2. Slide 2

Slide 2 of 2


STOCK SERVICE

Re-orderable fabrics at any time

BUY NOW


DEAD STOCKS

Low price and high quality fabrics

BUY NOW
NO MINIMUMS

Buy from 1 meter avoiding your over-stocking

SUSTAINABLE FABRICS

A wide range of high-quality sustainable fabrics

WORLDWIDE SHIPPING

We ship from Spain to the 5 continents

REORDERABLE

Fabrics always in stock. Re-order at any time

CUSTOMER SERVICE

A team of experts supporting you in the sourcing process

WHOLESALE PRICES

Volume discounts automatically applied online

5.000+ REFERENCES

A wide range of articles and color variants

SELECTED SURPLUS

First choice deadstock fabrics directly from European mills


NEW ARRIVALS EVERY WEEK!

 * NEW Fabric Arrivals See more
 * Original price €0,00 - Original price €15,60
   Original price
   €15,60
   /Meter
   €15,60 - €15,60
   Current price €0,00
   | /
   
   
   JAPANESE POLYESTER BRIDAL SATIN ...
   
   Order Swatch
   
   add to cart
   
   
   100% Polyester. Weight: 188 g/m² Width: 155 cm MOQ: No minimum order.For 1-19
   mts a surcharge of 8/€ for the roll cutting service per order will...
   
   View full details
 * Original price €23,35
   Original price €23,35 - Original price €23,35
   Original price €23,35
   Current price €17,50
   /Meter
   €17,50 - €17,50
   Current price €17,50
   | /
   
   
   VEGAN SILK - CUPRO SATIN - SCARL...
   
   Order Swatch
   
   add to cart
   
   
   BLACK FRIDAY OFFER  - SCARLET 100% Cupro Weight: 113 g/m² Width: 1.33 m More
   details about this product: Soft cupro plain fabric with a fluid dr...
   
   View full details
 * Original price €25,90
   Original price €25,90 - Original price €25,90
   Original price €25,90
   Current price €19,50
   /Meter
   €19,50 - €19,50
   Current price €19,50
   | /
   
   
   AQUA - CUPRO ECOVERO VISCOSE TWI...
   
   Order Swatch
   
   add to cart
   
   
   BLACK FRIDAY OFFER  - AQUA Composition: 53% Cupro, 47% Ecovero Viscose
   Weight: 200 g/m² Width: 1.34 m Cupro viscose blend twill with a very soft
   p...
   
   View full details
 * +4
   Original price €0,00 - Original price €26,35
   Original price
   €26,35
   /Meter
   €26,35 - €26,35
   Current price €0,00
   | /
   
   
   PREMIUM WORSTED WOOL FOR SUITS -...
   
   Order Swatch
   
   add to cart
   
   
   50% Wool 50% Recycled Polyester. Weight: 186 gr/m2 Width: 150 cm  In
   stock.More details about this product: High quality worsted wool blend
   fabri...
   
   View full details

CHECK OUR NEW FABRICS

TELEGRAM CHANNEL

Join our telegram channel! Weekly special offers, exclusive products at
discounted prices.


SUSTAINABLE KNITS

Discover our sustainable range for tops, t-shirts, sweatshirts and homewear!
SEE OUR FABRICS


SPECIAL OCCASION FABRICS

Our selection of bridal and ceremony fabrics. High quality textiles, sustainable
options and luxurious materials.
DISCOVER THIS COLLECTION


PRINTS

Be inspired by our colorful and printed fabrics, with different patterns and
tones.
SEE THIS COLLECTION
 1. Slide 1
 2. Slide 2
 3. Slide 3




SALES | OFFERS

 * SALES DISCOUNTED FABRICS See more
 * Original price €25,90
   Original price €25,90 - Original price €25,90
   Original price €25,90
   Current price €19,50
   /Meter
   €19,50 - €19,50
   Current price €19,50
   | /
   
   
   CUPRO VISCOSE BLEND TWILL, VEGAN...
   
   Order Swatch
   
   add to cart
   
   
     53% Cupro, 47% Ecovero Viscose Weight: 200 g/m² Width: 1.34 m Cupro viscose
   blend twill with a very soft peach peel touch and a fluid drape. Tha...
   
   View full details
 * Original price €25,90
   Original price €25,90 - Original price €25,90
   Original price €25,90
   Current price €19,50
   /Meter
   €19,50 - €19,50
   Current price €19,50
   | /
   
   
   CUPRO VISCOSE BLEND TWILL, VEGAN...
   
   Order Swatch
   
   add to cart
   
   
     53% Cupro, 47% Ecovero Viscose Weight: 200 g/m² Width: 1.34 m Cupro viscose
   blend twill with a very soft peach peel touch and a fluid drape. Tha...
   
   View full details
 * Original price €25,90
   Original price €25,90 - Original price €25,90
   Original price €25,90
   Current price €19,50
   /Meter
   €19,50 - €19,50
   Current price €19,50
   | /
   
   
   CUPRO VISCOSE BLEND TWILL, VEGAN...
   
   Order Swatch
   
   add to cart
   
   
     53% Cupro, 47% Ecovero Viscose Weight: 200 g/m² Width: 1.34 m Cupro viscose
   blend twill with a very soft peach peel touch and a fluid drape. Tha...
   
   View full details
 * Original price €25,90
   Original price €25,90 - Original price €25,90
   Original price €25,90
   Current price €19,50
   /Meter
   €19,50 - €19,50
   Current price €19,50
   | /
   
   
   CUPRO VISCOSE BLEND TWILL, VEGAN...
   
   Order Swatch
   
   add to cart
   
   
     53% Cupro, 47% Ecovero Viscose Weight: 200 g/m² Width: 1.34 m Cupro viscose
   blend twill with a very soft peach peel touch and a fluid drape. Tha...
   
   View full details

CHECK OUR OFFERS



FIND YOUR SUSTAINABLE FABRIC


ORGANIC COTTON

It’s an eco-friendly solution that avoids the use of toxic pesticides,
chemicals, fertilizers and genetically modified seeds.

SEE COLLECTION


CUPRO

Cupro is a plant-based fabric made from cotton linter. Its fine, sheer, smooth,
and soft touch is why cupro is often referred to as “vegan silk”.

SEE COLLECTION


TENCEL

It’s biodegradable and made in a closed loop process. It's also breathable and
less susceptible to bacterial growth.

SEE COLLECTION


LINEN

Strong and durable fabric that can be used in any warm weather due to its good
behavior when exposed to the heat.

SEE COLLECTION


BAMBOO

Fabrics made from bamboo fibers absorb and evaporate moisture and have
antibacterial properties.

SEE COLLECTION


RECYCLED FABRICS

Find here eco-friendly fabrics made of recycled fibers like: Wool, Cotton,
Polyester, Polyamide.

SEE COLLECTION


BEST-SELLERS COLLECTION

 * Sustainable fabrics TOP SALES Articles from 1 meter
 * +
   Original price €0,00 - Original price €25,90
   Original price
   €16,95
   /Meter
   €16,95 - €25,90
   Current price €0,00
   | /
   
   
   CUPRO VISCOSE BLEND TWILL, VEGAN...
   
   Order Swatch
   
   add to cart
   
   
   STOCK SERVICE - RE-ORDERABLE AT ANY TIME 53% Cupro, 47% Ecovero Viscose
   Weight: 200 g/m² Width: 1.34 m Cupro viscose blend twill with a very soft...
   
   View full details
 * +
   Original price €0,00 - Original price €23,35
   Original price
   €23,35
   /Meter
   €23,35 - €23,35
   Current price €0,00
   | /
   
   
   VEGAN SILK - CUPRO SATIN - SCARL...
   
   Order Swatch
   
   add to cart
   
   
   100% Cupro Weight: 113 g/m² Width: 1.33 m More details about this
   product: Soft cupro plain fabric with a fluid drape. With a light
   transparency ...
   
   View full details
 * +
   Original price €9,00
   Original price €0,00 - Original price €9,00
   Original price €9,00
   €6,75
   /Meter
   €6,75 - €9,00
   Current price €0,00
   | /
   
   
   ORGANIC COTTON JERSEY - STRETCH ...
   
   Order Swatch
   
   add to cart
   
   
   95% Organic Cotton 5% Elastane Weight: 190 g/m² Width: 1.50 m Soft and clean
   single jersey, 100% organic cotton. All colors are in Stock and reor...
   
   View full details
 * +
   Original price €0,00 - Original price €8,30
   Original price €0,00 - Original price €8,30
   Original price €8,30
   €6,25
   /Meter
   €6,25 - €8,30
   Current price €0,00
   | /
   
   
   ORGANIC COTTON POPLIN - 43 COLOR...
   
   Order Swatch
   
   add to cart
   
   
   100% Organic Cotton Weight: 115 g/m² Width: 1.40 m Perfect for shirts,
   dresses and both womenswear or kidswear. Design sustainable garments with
   t...
   
   View full details

CHECK ALL BEST-SELLERS



FIRST TIME IN FABRICSIGHT?

Subscribe now and get 10% discount on your first order!

JOIN OUR NEWSLETTER


FOLLOW US ON SOCIAL MEDIA

Be always update!

INSTAGRAM
ABOUT US


WELCOME TO FABRICSIGHT, MAKING FABRIC SOURCING IN A RELIABLE MANNER

FABRICSIGHT has two essential purposes:

A very high-quality service: Service excellence is reflected in the exclusive
and comprehensive service provided to each one of our customers. FabricSight
wants to ensure that every customer receives the exact fabric he bought. Our
Concierges serve each client individually and accompany the entire process from
the choice to delivering the fabrics in his atelier so that he/she can execute
the most beautiful of his collections.

Global sustainability: FabricSight seeks new ways to mitigate waste, provide
inclusion and strengthen the environment via its products and processes.
Focusing on the sustainability tripod, FabricSight offers many fabrics made of
natural fibers, ecological fibers, and certified organic blends. FabricSight
"Waste Reduction Program" offers stocks of extraordinary remaining fabrics
(surplus) from carefully chosen partners. This way, it encourages using "one of
a kind fabrics" that have already generated their footprints and leads to the
full use of productive efforts within the textile chain. Also, aiming to include
independent designers and small brands, FabricSight offers its customers the
possibility to buy accessible prices and the exact necessary quantity to develop
their collections.

That's why FabricSight brings an infinite number of products without MOQ or with
very low MOQ. FabricSight believes that this way, it plays its role in the
global market, executing its core business with high professionalism and serving
the challenging fashion market concerning the environment and the communities
connected to the textile market.

You'll find a wide range of fabrics, all available by the meter or swatch
(sample). Stylish cloth making fabrics, high-quality products, Re-orderable
fabrics or Selected Surplus designer fabrics. You'll find one of the widest
selections of cupro, natural silk, vegan silk, linen, organic cotton, lyocell,
rayon, Tencel™, viscose, wool, acetate, elastan, lurex, lycra, modal,
polyacrylic, polyamide, polyester, spandex, and an extensive online sourcing
selection of great-value fabrics.

Our sample (swatch) ordering service lets you carefully select the perfect
fabric to ensure your project lives up to your high quality. We can provide any
fabric to your desired length, starting from 1 meter. See All Products list,
from A to Z, including premium, sustainable, organic, certified BCI, GRS, RCS,
Vegan V-Label, OEKO-TEX, ECO-VERO, European Flax standards fabrics.


ABOUT FABRICSIGHT

We are an e-commerce focused on the European, North American, Oceania and Middle
East markets who is specialized in quality fabrics from top-notch mills for
fashion professionals, designers and creatives. Sustainable, Surplus and
Certified Fabrics.

FabricSight is based in Spain

NEWSLETTER

First time in FabricSight? Subscribe now and get 10% discount on your first
order!

Click to subscribe >>


MY ACCOUNT

 * My Account
 * My Addresses
 * My Orders


SUPPORT

 * Contact FabricSight
 * About Us
 * FAQ
 * Terms & Conditions
 * Shipping and Returns
 * Privacy Policy
 * Get your FREE SWATCHES


FOLLOW US

Email Fabric Sight Find us on Facebook Find us on Instagram Find us on Pinterest

Copyright © 2024 Fabric Sight.

Powered by Shopify

 * American Express
 * Apple Pay
 * Google Pay
 * Maestro
 * Mastercard
 * PayPal
 * Shop Pay
 * Union Pay
 * Visa


ADDED TO YOUR CART:




** total_quantity ** | ** unit_price ** / ** unit_measure **
 * (-)

Cart subtotal
View cart ()
Checkout










My Wishlist 0