connectedapparel.com Open in urlscan Pro
23.227.38.32  Public Scan

Submitted URL: https://trk.klclick1.com/ls/click?upn=NIf-2FnIEMoya5f7OHWFL4uxV2eXv2U67HtGAct-2BjwvLq-2FflZiw4Wtq2NGv6J-2FH5cZrFSy-2FiXvY...
Effective URL: https://connectedapparel.com/collections/new-arrivals?_kx=n50UZ9zRKrlhkDx5vulrtnyhPnZ27_AFJ202yxyX-EXBFYVXtSumqa1_NyNWgTKm.MB...
Submission: On February 28 via api from BE — Scanned from DE

Form analysis 6 forms found in the DOM

<form id="FacetFiltersFormMobile" class="facets__mobile_form">
  <collapsible-row data-index="1" data-collection="">
    <details class="thb-filter js-filter" data-index="1" style="">
      <summary class="thb-filter-title"><span></span>Price</summary>
      <div class="thb-filter-content collapsible__content">
        <div class="price_range price_range-price">
          <span class="price-highest">The highest price is $89.00</span>
          <price-slider class="price_slider_wrapper">
            <div class="price_slider noUi-target noUi-ltr noUi-horizontal noUi-txt-dir-ltr" data-min-value="" data-min-name="filter.v.price.gte" data-min="0" data-max-value="" data-max-name="filter.v.price.lte" data-max="89.0">
              <div class="noUi-base">
                <div class="noUi-connects">
                  <div class="noUi-connect" style="transform: translate(0%, 0px) scale(1, 1);"></div>
                </div>
                <div class="noUi-origin" style="transform: translate(-1000%, 0px); z-index: 5;">
                  <div class="noUi-handle noUi-handle-lower" data-handle="0" tabindex="0" role="slider" aria-orientation="horizontal" aria-valuemin="0.0" aria-valuemax="89.0" aria-valuenow="0.0" aria-valuetext="0.00">
                    <div class="noUi-touch-area"></div>
                  </div>
                </div>
                <div class="noUi-origin" style="transform: translate(0%, 0px); z-index: 4;">
                  <div class="noUi-handle noUi-handle-upper" data-handle="1" tabindex="0" role="slider" aria-orientation="horizontal" aria-valuemin="0.0" aria-valuemax="89.0" aria-valuenow="89.0" aria-valuetext="89.00">
                    <div class="noUi-touch-area"></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="price_slider_amount">
              <div>
                <span class="field-currency">$</span>
                <input class="field__input field__input_min" name="filter.v.price.gte" id="Filter-Price-GTE" value="" type="text" placeholder="0">
              </div>
              <div>
                <span class="field-currency">$</span>
                <input class="field__input field__input_max" name="filter.v.price.lte" id="Filter-Price-LTE" value="" type="text" placeholder="89.00">
              </div>
            </div>
          </price-slider>
        </div>
      </div>
    </details>
  </collapsible-row>
  <collapsible-row data-index="2" data-collection="">
    <details class="thb-filter js-filter" data-index="2" style="">
      <summary class="thb-filter-title"><span></span>Trending</summary>
      <div class="thb-filter-content collapsible__content"><scroll-shadow>
          <ul class="list-trending">
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.trending" value="Best Sellers" id="Filter-Trending-1"><label for="Filter-Trending-1" class="facet-checkbox" style="--bg-color: best sellers;" data-tooltip="Best Sellers (17)"> Best Sellers
              </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.trending" value="Wedding Shop" id="Filter-Trending-2"><label for="Filter-Trending-2" class="facet-checkbox" style="--bg-color: wedding shop;" data-tooltip="Wedding Shop (44)"> Wedding Shop
              </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.trending" value="Spring" id="Filter-Trending-3"><label for="Filter-Trending-3" class="facet-checkbox" style="--bg-color: spring;" data-tooltip="Spring (42)"> Spring </label>
            </li>
          </ul>
        </scroll-shadow></div>
    </details>
  </collapsible-row>
  <collapsible-row data-index="3" data-collection="">
    <details class="thb-filter js-filter" data-index="3" style="">
      <summary class="thb-filter-title"><span></span>Type</summary>
      <div class="thb-filter-content collapsible__content"><scroll-shadow>
          <ul class="list-type">
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.v.option.type" value="Petite" id="Filter-Type-1"><label for="Filter-Type-1" class="facet-checkbox" style="--bg-color: petite;" data-tooltip="Petite (10)"> Petite </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.v.option.type" value="Plus" id="Filter-Type-2"><label for="Filter-Type-2" class="facet-checkbox" style="--bg-color: plus;" data-tooltip="Plus (29)"> Plus </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.v.option.type" value="Regular" id="Filter-Type-3"><label for="Filter-Type-3" class="facet-checkbox" style="--bg-color: regular;" data-tooltip="Regular (62)"> Regular </label>
            </li>
          </ul>
        </scroll-shadow></div>
    </details>
  </collapsible-row>
  <collapsible-row data-index="4" data-collection="">
    <details class="thb-filter js-filter" data-index="4" style="">
      <summary class="thb-filter-title"><span></span>Size</summary>
      <div class="thb-filter-content collapsible__content"><scroll-shadow>
          <ul class="list-size split">
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.v.option.size" value="XS" id="Filter-Size-1"><label for="Filter-Size-1" class="facet-checkbox" style="--bg-color: xs;" data-tooltip="XS (2)"> XS </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.v.option.size" value="S" id="Filter-Size-2"><label for="Filter-Size-2" class="facet-checkbox" style="--bg-color: s;" data-tooltip="S (10)"> S </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.v.option.size" value="M" id="Filter-Size-3"><label for="Filter-Size-3" class="facet-checkbox" style="--bg-color: m;" data-tooltip="M (10)"> M </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.v.option.size" value="L" id="Filter-Size-4"><label for="Filter-Size-4" class="facet-checkbox" style="--bg-color: l;" data-tooltip="L (10)"> L </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.v.option.size" value="XL" id="Filter-Size-5"><label for="Filter-Size-5" class="facet-checkbox" style="--bg-color: xl;" data-tooltip="XL (10)"> XL </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.v.option.size" value="4" id="Filter-Size-6"><label for="Filter-Size-6" class="facet-checkbox" style="--bg-color: 4;" data-tooltip="4 (52)"> 4 </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.v.option.size" value="6" id="Filter-Size-7"><label for="Filter-Size-7" class="facet-checkbox" style="--bg-color: 6;" data-tooltip="6 (52)"> 6 </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.v.option.size" value="8" id="Filter-Size-8"><label for="Filter-Size-8" class="facet-checkbox" style="--bg-color: 8;" data-tooltip="8 (52)"> 8 </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.v.option.size" value="10" id="Filter-Size-9"><label for="Filter-Size-9" class="facet-checkbox" style="--bg-color: 10;" data-tooltip="10 (52)"> 10 </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.v.option.size" value="12" id="Filter-Size-10"><label for="Filter-Size-10" class="facet-checkbox" style="--bg-color: 12;" data-tooltip="12 (52)"> 12 </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.v.option.size" value="14" id="Filter-Size-11"><label for="Filter-Size-11" class="facet-checkbox" style="--bg-color: 14;" data-tooltip="14 (52)"> 14 </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.v.option.size" value="16" id="Filter-Size-12"><label for="Filter-Size-12" class="facet-checkbox" style="--bg-color: 16;" data-tooltip="16 (52)"> 16 </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.v.option.size" value="4P" id="Filter-Size-13"><label for="Filter-Size-13" class="facet-checkbox" style="--bg-color: 4p;" data-tooltip="4P (10)"> 4P </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.v.option.size" value="6P" id="Filter-Size-14"><label for="Filter-Size-14" class="facet-checkbox" style="--bg-color: 6p;" data-tooltip="6P (10)"> 6P </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.v.option.size" value="8P" id="Filter-Size-15"><label for="Filter-Size-15" class="facet-checkbox" style="--bg-color: 8p;" data-tooltip="8P (10)"> 8P </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.v.option.size" value="10P" id="Filter-Size-16"><label for="Filter-Size-16" class="facet-checkbox" style="--bg-color: 10p;" data-tooltip="10P (10)"> 10P </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.v.option.size" value="12P" id="Filter-Size-17"><label for="Filter-Size-17" class="facet-checkbox" style="--bg-color: 12p;" data-tooltip="12P (10)"> 12P </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.v.option.size" value="14P" id="Filter-Size-18"><label for="Filter-Size-18" class="facet-checkbox" style="--bg-color: 14p;" data-tooltip="14P (10)"> 14P </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.v.option.size" value="14W" id="Filter-Size-19"><label for="Filter-Size-19" class="facet-checkbox" style="--bg-color: 14w;" data-tooltip="14W (29)"> 14W </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.v.option.size" value="16W" id="Filter-Size-20"><label for="Filter-Size-20" class="facet-checkbox" style="--bg-color: 16w;" data-tooltip="16W (29)"> 16W </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.v.option.size" value="18W" id="Filter-Size-21"><label for="Filter-Size-21" class="facet-checkbox" style="--bg-color: 18w;" data-tooltip="18W (29)"> 18W </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.v.option.size" value="20W" id="Filter-Size-22"><label for="Filter-Size-22" class="facet-checkbox" style="--bg-color: 20w;" data-tooltip="20W (29)"> 20W </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.v.option.size" value="22W" id="Filter-Size-23"><label for="Filter-Size-23" class="facet-checkbox" style="--bg-color: 22w;" data-tooltip="22W (29)"> 22W </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.v.option.size" value="24W" id="Filter-Size-24"><label for="Filter-Size-24" class="facet-checkbox" style="--bg-color: 24w;" data-tooltip="24W (29)"> 24W </label>
            </li>
          </ul>
        </scroll-shadow></div>
    </details>
  </collapsible-row>
  <collapsible-row data-index="5" data-collection="">
    <details class="thb-filter js-filter" data-index="5" style="">
      <summary class="thb-filter-title"><span></span>Occasion</summary>
      <div class="thb-filter-content collapsible__content"><scroll-shadow>
          <ul class="list-occasion split">
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.occasion" value="Cocktail Party" id="Filter-Occasion-1"><label for="Filter-Occasion-1" class="facet-checkbox" style="--bg-color: cocktail party;" data-tooltip="Cocktail Party (38)">
                Cocktail Party </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.occasion" value="Date Night" id="Filter-Occasion-2"><label for="Filter-Occasion-2" class="facet-checkbox" style="--bg-color: date night;" data-tooltip="Date Night (42)"> Date Night </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.occasion" value="Day-to-Night" id="Filter-Occasion-3"><label for="Filter-Occasion-3" class="facet-checkbox" style="--bg-color: day-to-night;" data-tooltip="Day-to-Night (28)"> Day-to-Night
              </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.occasion" value="Daytime" id="Filter-Occasion-4"><label for="Filter-Occasion-4" class="facet-checkbox" style="--bg-color: daytime;" data-tooltip="Daytime (11)"> Daytime </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.occasion" value="Dressy Casual" id="Filter-Occasion-5"><label for="Filter-Occasion-5" class="facet-checkbox" style="--bg-color: dressy casual;" data-tooltip="Dressy Casual (16)"> Dressy
                Casual </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.occasion" value="Formal Event" id="Filter-Occasion-6"><label for="Filter-Occasion-6" class="facet-checkbox" style="--bg-color: formal event;" data-tooltip="Formal Event (17)"> Formal Event
              </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.occasion" value="Wedding Events" id="Filter-Occasion-7"><label for="Filter-Occasion-7" class="facet-checkbox" style="--bg-color: wedding events;" data-tooltip="Wedding Events (36)"> Wedding
                Events </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.occasion" value="Work" id="Filter-Occasion-8"><label for="Filter-Occasion-8" class="facet-checkbox" style="--bg-color: work;" data-tooltip="Work (34)"> Work </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.occasion" value="Vacation" id="Filter-Occasion-9"><label for="Filter-Occasion-9" class="facet-checkbox" style="--bg-color: vacation;" data-tooltip="Vacation (9)"> Vacation </label>
            </li>
          </ul>
        </scroll-shadow></div>
    </details>
  </collapsible-row>
  <collapsible-row data-index="6" data-collection="">
    <details class="thb-filter js-filter" data-index="6" style="">
      <summary class="thb-filter-title"><span></span>Silhouette</summary>
      <div class="thb-filter-content collapsible__content"><scroll-shadow>
          <ul class="list-silhouette split">
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.silhouette" value="A-Line" id="Filter-Silhouette-1"><label for="Filter-Silhouette-1" class="facet-checkbox" style="--bg-color: a-line;" data-tooltip="A-Line (10)"> A-Line </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.silhouette" value="Attached Jacket" id="Filter-Silhouette-2"><label for="Filter-Silhouette-2" class="facet-checkbox" style="--bg-color: attached jacket;" data-tooltip="Attached Jacket (1)">
                Attached Jacket </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.silhouette" value="Bodycon" id="Filter-Silhouette-3"><label for="Filter-Silhouette-3" class="facet-checkbox" style="--bg-color: bodycon;" data-tooltip="Bodycon (27)"> Bodycon </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.silhouette" value="Column" id="Filter-Silhouette-4"><label for="Filter-Silhouette-4" class="facet-checkbox" style="--bg-color: column;" data-tooltip="Column (4)"> Column </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.silhouette" value="Empire" id="Filter-Silhouette-5"><label for="Filter-Silhouette-5" class="facet-checkbox" style="--bg-color: empire;" data-tooltip="Empire (2)"> Empire </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.silhouette" value="Faux Wrap" id="Filter-Silhouette-6"><label for="Filter-Silhouette-6" class="facet-checkbox" style="--bg-color: faux wrap;" data-tooltip="Faux Wrap (16)"> Faux Wrap
              </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.silhouette" value="Fit and Flare" id="Filter-Silhouette-7"><label for="Filter-Silhouette-7" class="facet-checkbox" style="--bg-color: fit and flare;" data-tooltip="Fit and Flare (7)"> Fit
                and Flare </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.silhouette" value="Maxi" id="Filter-Silhouette-8"><label for="Filter-Silhouette-8" class="facet-checkbox" style="--bg-color: maxi;" data-tooltip="Maxi (1)"> Maxi </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.silhouette" value="Sheath" id="Filter-Silhouette-9"><label for="Filter-Silhouette-9" class="facet-checkbox" style="--bg-color: sheath;" data-tooltip="Sheath (8)"> Sheath </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.silhouette" value="Straight Leg" id="Filter-Silhouette-10"><label for="Filter-Silhouette-10" class="facet-checkbox" style="--bg-color: straight leg;" data-tooltip="Straight Leg (2)">
                Straight Leg </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.silhouette" value="T-Shirt" id="Filter-Silhouette-11"><label for="Filter-Silhouette-11" class="facet-checkbox" style="--bg-color: t-shirt;" data-tooltip="T-Shirt (6)"> T-Shirt </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.silhouette" value="Wrap" id="Filter-Silhouette-12"><label for="Filter-Silhouette-12" class="facet-checkbox" style="--bg-color: wrap;" data-tooltip="Wrap (14)"> Wrap </label>
            </li>
          </ul>
        </scroll-shadow></div>
    </details>
  </collapsible-row>
  <collapsible-row data-index="7" data-collection="">
    <details class="thb-filter js-filter" data-index="7" style="">
      <summary class="thb-filter-title"><span></span>Colors</summary>
      <div class="thb-filter-content collapsible__content"><scroll-shadow>
          <ul class="list-color split">
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.colors" value="Black" id="Filter-Colors-1"><label for="Filter-Colors-1" class="facet-checkbox" style="--bg-color: black;" data-tooltip="Black (17)"> Black </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.colors" value="Blue" id="Filter-Colors-2"><label for="Filter-Colors-2" class="facet-checkbox" style="--bg-color: blue;" data-tooltip="Blue (24)"> Blue </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.colors" value="Gold" id="Filter-Colors-3"><label for="Filter-Colors-3" class="facet-checkbox" style="--bg-color: #c6993a;" data-tooltip="Gold (2)"> Gold </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.colors" value="Green" id="Filter-Colors-4"><label for="Filter-Colors-4" class="facet-checkbox" style="--bg-color: green;" data-tooltip="Green (7)"> Green </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.colors" value="Grey" id="Filter-Colors-5"><label for="Filter-Colors-5" class="facet-checkbox" style="--bg-color: grey;" data-tooltip="Grey (5)"> Grey </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.colors" value="Orange" id="Filter-Colors-6"><label for="Filter-Colors-6" class="facet-checkbox" style="--bg-color: orange;" data-tooltip="Orange (2)"> Orange </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.colors" value="Pink" id="Filter-Colors-7"><label for="Filter-Colors-7" class="facet-checkbox" style="--bg-color: pink;" data-tooltip="Pink (7)"> Pink </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.colors" value="Purple" id="Filter-Colors-8"><label for="Filter-Colors-8" class="facet-checkbox" style="--bg-color: #7600bc;" data-tooltip="Purple (6)"> Purple </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.colors" value="Red" id="Filter-Colors-9"><label for="Filter-Colors-9" class="facet-checkbox" style="--bg-color: red;" data-tooltip="Red (2)"> Red </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.colors" value="White" id="Filter-Colors-10"><label for="Filter-Colors-10" class="facet-checkbox" style="--bg-color: #f5f4eb;" data-tooltip="White (6)"> White </label>
            </li>
          </ul>
        </scroll-shadow></div>
    </details>
  </collapsible-row>
  <collapsible-row data-index="8" data-collection="">
    <details class="thb-filter js-filter" data-index="8" style="">
      <summary class="thb-filter-title"><span></span>Length</summary>
      <div class="thb-filter-content collapsible__content"><scroll-shadow>
          <ul class="list-length">
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.length" value="At Knee" id="Filter-Length-1"><label for="Filter-Length-1" class="facet-checkbox" style="--bg-color: at knee;" data-tooltip="At Knee (25)"> At Knee </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.length" value="Below Knee" id="Filter-Length-2"><label for="Filter-Length-2" class="facet-checkbox" style="--bg-color: below knee;" data-tooltip="Below Knee (5)"> Below Knee </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.length" value="Cropped" id="Filter-Length-3"><label for="Filter-Length-3" class="facet-checkbox" style="--bg-color: cropped;" data-tooltip="Cropped (3)"> Cropped </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.length" value="Long" id="Filter-Length-4"><label for="Filter-Length-4" class="facet-checkbox" style="--bg-color: long;" data-tooltip="Long (6)"> Long </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.length" value="Midi" id="Filter-Length-5"><label for="Filter-Length-5" class="facet-checkbox" style="--bg-color: midi;" data-tooltip="Midi (11)"> Midi </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.length" value="Mixi" id="Filter-Length-6"><label for="Filter-Length-6" class="facet-checkbox" style="--bg-color: mixi;" data-tooltip="Mixi (1)"> Mixi </label>
            </li>
          </ul>
        </scroll-shadow></div>
    </details>
  </collapsible-row>
  <collapsible-row data-index="9" data-collection="">
    <details class="thb-filter js-filter" data-index="9" style="">
      <summary class="thb-filter-title"><span></span>Sleeves</summary>
      <div class="thb-filter-content collapsible__content"><scroll-shadow>
          <ul class="list-sleeves">
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.sleeves" value="Cap" id="Filter-Sleeves-1"><label for="Filter-Sleeves-1" class="facet-checkbox" style="--bg-color: cap;" data-tooltip="Cap (1)"> Cap </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.sleeves" value="Cape" id="Filter-Sleeves-2"><label for="Filter-Sleeves-2" class="facet-checkbox" style="--bg-color: cape;" data-tooltip="Cape (3)"> Cape </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.sleeves" value="Elbow" id="Filter-Sleeves-3"><label for="Filter-Sleeves-3" class="facet-checkbox" style="--bg-color: elbow;" data-tooltip="Elbow (10)"> Elbow </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.sleeves" value="Long" id="Filter-Sleeves-4"><label for="Filter-Sleeves-4" class="facet-checkbox" style="--bg-color: long;" data-tooltip="Long (5)"> Long </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.sleeves" value="Short" id="Filter-Sleeves-5"><label for="Filter-Sleeves-5" class="facet-checkbox" style="--bg-color: short;" data-tooltip="Short (1)"> Short </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.sleeves" value="Sleeveless" id="Filter-Sleeves-6"><label for="Filter-Sleeves-6" class="facet-checkbox" style="--bg-color: sleeveless;" data-tooltip="Sleeveless (29)"> Sleeveless </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.sleeves" value="Three-Quarter" id="Filter-Sleeves-7"><label for="Filter-Sleeves-7" class="facet-checkbox" style="--bg-color: three-quarter;" data-tooltip="Three-Quarter (12)"> Three-Quarter
              </label>
            </li>
          </ul>
        </scroll-shadow></div>
    </details>
  </collapsible-row>
  <collapsible-row data-index="10" data-collection="">
    <details class="thb-filter js-filter" data-index="10" style="">
      <summary class="thb-filter-title"><span></span>Fabric</summary>
      <div class="thb-filter-content collapsible__content"><scroll-shadow>
          <ul class="list-fabric split">
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.fabric" value="Chiffon" id="Filter-Fabric-1"><label for="Filter-Fabric-1" class="facet-checkbox" style="--bg-color: chiffon;" data-tooltip="Chiffon (4)"> Chiffon </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.fabric" value="Crepe Scuba" id="Filter-Fabric-2"><label for="Filter-Fabric-2" class="facet-checkbox" style="--bg-color: crepe scuba;" data-tooltip="Crepe Scuba (1)"> Crepe Scuba </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.fabric" value="Knit" id="Filter-Fabric-3"><label for="Filter-Fabric-3" class="facet-checkbox" style="--bg-color: knit;" data-tooltip="Knit (10)"> Knit </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.fabric" value="Lace" id="Filter-Fabric-4"><label for="Filter-Fabric-4" class="facet-checkbox" style="--bg-color: lace;" data-tooltip="Lace (4)"> Lace </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.fabric" value="Mesh" id="Filter-Fabric-5"><label for="Filter-Fabric-5" class="facet-checkbox" style="--bg-color: mesh;" data-tooltip="Mesh (2)"> Mesh </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.fabric" value="Metallic" id="Filter-Fabric-6"><label for="Filter-Fabric-6" class="facet-checkbox" style="--bg-color: metallic;" data-tooltip="Metallic (1)"> Metallic </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.fabric" value="Stretch Knit" id="Filter-Fabric-7"><label for="Filter-Fabric-7" class="facet-checkbox" style="--bg-color: stretch knit;" data-tooltip="Stretch Knit (31)"> Stretch Knit
              </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.fabric" value="Stretch Nylon" id="Filter-Fabric-8"><label for="Filter-Fabric-8" class="facet-checkbox" style="--bg-color: stretch nylon;" data-tooltip="Stretch Nylon (1)"> Stretch Nylon
              </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.fabric" value="Sweater Knit" id="Filter-Fabric-9"><label for="Filter-Fabric-9" class="facet-checkbox" style="--bg-color: sweater knit;" data-tooltip="Sweater Knit (2)"> Sweater Knit
              </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.fabric" value="Woven" id="Filter-Fabric-10"><label for="Filter-Fabric-10" class="facet-checkbox" style="--bg-color: woven;" data-tooltip="Woven (1)"> Woven </label>
            </li>
          </ul>
        </scroll-shadow></div>
    </details>
  </collapsible-row>
  <collapsible-row data-index="11" data-collection="">
    <details class="thb-filter js-filter" data-index="11" style="">
      <summary class="thb-filter-title"><span></span>Pattern</summary>
      <div class="thb-filter-content collapsible__content"><scroll-shadow>
          <ul class="list-pattern">
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.pattern" value="Floral" id="Filter-Pattern-1"><label for="Filter-Pattern-1" class="facet-checkbox" style="--bg-color: floral;" data-tooltip="Floral (17)"> Floral </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.pattern" value="Leaf" id="Filter-Pattern-2"><label for="Filter-Pattern-2" class="facet-checkbox" style="--bg-color: leaf;" data-tooltip="Leaf (1)"> Leaf </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.pattern" value="Polka Dot" id="Filter-Pattern-3"><label for="Filter-Pattern-3" class="facet-checkbox" style="--bg-color: polka dot;" data-tooltip="Polka Dot (3)"> Polka Dot </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.pattern" value="Sequin Lace" id="Filter-Pattern-4"><label for="Filter-Pattern-4" class="facet-checkbox" style="--bg-color: sequin lace;" data-tooltip="Sequin Lace (4)"> Sequin Lace </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.pattern" value="Solid" id="Filter-Pattern-5"><label for="Filter-Pattern-5" class="facet-checkbox" style="--bg-color: solid;" data-tooltip="Solid (32)"> Solid </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.pattern" value="Tie Dye" id="Filter-Pattern-6"><label for="Filter-Pattern-6" class="facet-checkbox" style="--bg-color: tie dye;" data-tooltip="Tie Dye (1)"> Tie Dye </label>
            </li>
          </ul>
        </scroll-shadow></div>
    </details>
  </collapsible-row>
  <collapsible-row data-index="12" data-collection="">
    <details class="thb-filter js-filter" data-index="12" style="">
      <summary class="thb-filter-title"><span></span>Care</summary>
      <div class="thb-filter-content collapsible__content"><scroll-shadow>
          <ul class="list-care">
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.care" value="Machine Wash" id="Filter-Care-1"><label for="Filter-Care-1" class="facet-checkbox" style="--bg-color: machine wash;" data-tooltip="Machine Wash (48)"> Machine Wash </label>
            </li>
            <li class="" style="" data-handle="">
              <input type="checkbox" name="filter.p.m.custom.care" value="Hand Wash" id="Filter-Care-2"><label for="Filter-Care-2" class="facet-checkbox" style="--bg-color: hand wash;" data-tooltip="Hand Wash (10)"> Hand Wash </label>
            </li>
          </ul>
        </scroll-shadow></div>
    </details>
  </collapsible-row>
  <div class="thb-filter-sort-count thb-filter">
    <div class="thb-filter-sort">
      <div class="thb-filter-title">Sort by</div>
      <div class="select"><select name="sort_by" class="facet-filters__sort select__select caption-large" id="SortByMobile" aria-describedby="a11y-refresh-page-message" aria-label="Sorting method selector">
          <option value="manual" selected="selected">Featured</option>
          <option value="best-selling">Best selling</option>
          <option value="title-ascending">Alphabetically, A-Z</option>
          <option value="title-descending">Alphabetically, Z-A</option>
          <option value="price-ascending">Price, low to high</option>
          <option value="price-descending">Price, high to low</option>
          <option value="created-ascending">Date, old to new</option>
          <option value="created-descending">Date, new to old</option>
        </select>
        <div class="select-arrow">
          <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M6.75 1.5L3.75 4.5L0.75 1.5" stroke="var(--color-body)" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
        </div>
      </div>
    </div>
  </div>
</form>

<form id="FacetFiltersForm" class="facets__form">
  <div class="facets__wrapper">
    <collapsible-row data-index="1" data-collection="">
      <details class="thb-filter js-filter" data-index="1" style="">
        <summary class="thb-filter-title"><span></span>Price</summary>
        <div class="thb-filter-content collapsible__content">
          <div class="price_range price_range-price">
            <span class="price-highest">The highest price is $89.00</span>
            <price-slider class="price_slider_wrapper">
              <div class="price_slider noUi-target noUi-ltr noUi-horizontal noUi-txt-dir-ltr" data-min-value="" data-min-name="filter.v.price.gte" data-min="0" data-max-value="" data-max-name="filter.v.price.lte" data-max="89.0">
                <div class="noUi-base">
                  <div class="noUi-connects">
                    <div class="noUi-connect" style="transform: translate(0%, 0px) scale(1, 1);"></div>
                  </div>
                  <div class="noUi-origin" style="transform: translate(-1000%, 0px); z-index: 5;">
                    <div class="noUi-handle noUi-handle-lower" data-handle="0" tabindex="0" role="slider" aria-orientation="horizontal" aria-valuemin="0.0" aria-valuemax="89.0" aria-valuenow="0.0" aria-valuetext="0.00">
                      <div class="noUi-touch-area"></div>
                    </div>
                  </div>
                  <div class="noUi-origin" style="transform: translate(0%, 0px); z-index: 4;">
                    <div class="noUi-handle noUi-handle-upper" data-handle="1" tabindex="0" role="slider" aria-orientation="horizontal" aria-valuemin="0.0" aria-valuemax="89.0" aria-valuenow="89.0" aria-valuetext="89.00">
                      <div class="noUi-touch-area"></div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="price_slider_amount">
                <div>
                  <span class="field-currency">$</span>
                  <input class="field__input field__input_min" name="filter.v.price.gte" id="Filter-Price-GTE" value="" type="text" placeholder="0">
                </div>
                <div>
                  <span class="field-currency">$</span>
                  <input class="field__input field__input_max" name="filter.v.price.lte" id="Filter-Price-LTE" value="" type="text" placeholder="89.00">
                </div>
              </div>
            </price-slider>
          </div>
        </div>
      </details>
    </collapsible-row>
    <collapsible-row data-index="2" data-collection="">
      <details class="thb-filter js-filter" style="">
        <summary class="thb-filter-title"><span></span>Trending</summary>
        <div class="thb-filter-content collapsible__content"><scroll-shadow>
            <ul class="list-trending">
              <li>
                <input type="checkbox" name="filter.p.m.custom.trending" value="Best Sellers" id="Filter-trending-1"><label for="Filter-trending-1" class="facet-checkbox" style="--bg-color: best sellers;" data-tooltip="Best Sellers (17)"> Best
                  Sellers </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.trending" value="Wedding Shop" id="Filter-trending-2"><label for="Filter-trending-2" class="facet-checkbox" style="--bg-color: wedding shop;" data-tooltip="Wedding Shop (44)"> Wedding
                  Shop </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.trending" value="Spring" id="Filter-trending-3"><label for="Filter-trending-3" class="facet-checkbox" style="--bg-color: spring;" data-tooltip="Spring (42)"> Spring </label>
              </li>
            </ul>
          </scroll-shadow></div>
      </details>
    </collapsible-row>
    <collapsible-row data-index="3" data-collection="">
      <details class="thb-filter js-filter" style="">
        <summary class="thb-filter-title"><span></span>Type</summary>
        <div class="thb-filter-content collapsible__content"><scroll-shadow>
            <ul class="list-type">
              <li>
                <input type="checkbox" name="filter.v.option.type" value="Petite" id="Filter-type-1"><label for="Filter-type-1" class="facet-checkbox" style="--bg-color: petite;" data-tooltip="Petite (10)"> Petite </label>
              </li>
              <li>
                <input type="checkbox" name="filter.v.option.type" value="Plus" id="Filter-type-2"><label for="Filter-type-2" class="facet-checkbox" style="--bg-color: plus;" data-tooltip="Plus (29)"> Plus </label>
              </li>
              <li>
                <input type="checkbox" name="filter.v.option.type" value="Regular" id="Filter-type-3"><label for="Filter-type-3" class="facet-checkbox" style="--bg-color: regular;" data-tooltip="Regular (62)"> Regular </label>
              </li>
            </ul>
          </scroll-shadow></div>
      </details>
    </collapsible-row>
    <collapsible-row data-index="4" data-collection="">
      <details class="thb-filter js-filter" style="">
        <summary class="thb-filter-title"><span></span>Size</summary>
        <div class="thb-filter-content collapsible__content"><scroll-shadow>
            <ul class="list-size split">
              <li>
                <input type="checkbox" name="filter.v.option.size" value="XS" id="Filter-size-1"><label for="Filter-size-1" class="facet-checkbox" style="--bg-color: xs;" data-tooltip="XS (2)"> XS </label>
              </li>
              <li>
                <input type="checkbox" name="filter.v.option.size" value="S" id="Filter-size-2"><label for="Filter-size-2" class="facet-checkbox" style="--bg-color: s;" data-tooltip="S (10)"> S </label>
              </li>
              <li>
                <input type="checkbox" name="filter.v.option.size" value="M" id="Filter-size-3"><label for="Filter-size-3" class="facet-checkbox" style="--bg-color: m;" data-tooltip="M (10)"> M </label>
              </li>
              <li>
                <input type="checkbox" name="filter.v.option.size" value="L" id="Filter-size-4"><label for="Filter-size-4" class="facet-checkbox" style="--bg-color: l;" data-tooltip="L (10)"> L </label>
              </li>
              <li>
                <input type="checkbox" name="filter.v.option.size" value="XL" id="Filter-size-5"><label for="Filter-size-5" class="facet-checkbox" style="--bg-color: xl;" data-tooltip="XL (10)"> XL </label>
              </li>
              <li>
                <input type="checkbox" name="filter.v.option.size" value="4" id="Filter-size-6"><label for="Filter-size-6" class="facet-checkbox" style="--bg-color: 4;" data-tooltip="4 (52)"> 4 </label>
              </li>
              <li>
                <input type="checkbox" name="filter.v.option.size" value="6" id="Filter-size-7"><label for="Filter-size-7" class="facet-checkbox" style="--bg-color: 6;" data-tooltip="6 (52)"> 6 </label>
              </li>
              <li>
                <input type="checkbox" name="filter.v.option.size" value="8" id="Filter-size-8"><label for="Filter-size-8" class="facet-checkbox" style="--bg-color: 8;" data-tooltip="8 (52)"> 8 </label>
              </li>
              <li>
                <input type="checkbox" name="filter.v.option.size" value="10" id="Filter-size-9"><label for="Filter-size-9" class="facet-checkbox" style="--bg-color: 10;" data-tooltip="10 (52)"> 10 </label>
              </li>
              <li>
                <input type="checkbox" name="filter.v.option.size" value="12" id="Filter-size-10"><label for="Filter-size-10" class="facet-checkbox" style="--bg-color: 12;" data-tooltip="12 (52)"> 12 </label>
              </li>
              <li>
                <input type="checkbox" name="filter.v.option.size" value="14" id="Filter-size-11"><label for="Filter-size-11" class="facet-checkbox" style="--bg-color: 14;" data-tooltip="14 (52)"> 14 </label>
              </li>
              <li>
                <input type="checkbox" name="filter.v.option.size" value="16" id="Filter-size-12"><label for="Filter-size-12" class="facet-checkbox" style="--bg-color: 16;" data-tooltip="16 (52)"> 16 </label>
              </li>
              <li>
                <input type="checkbox" name="filter.v.option.size" value="4P" id="Filter-size-13"><label for="Filter-size-13" class="facet-checkbox" style="--bg-color: 4p;" data-tooltip="4P (10)"> 4P </label>
              </li>
              <li>
                <input type="checkbox" name="filter.v.option.size" value="6P" id="Filter-size-14"><label for="Filter-size-14" class="facet-checkbox" style="--bg-color: 6p;" data-tooltip="6P (10)"> 6P </label>
              </li>
              <li>
                <input type="checkbox" name="filter.v.option.size" value="8P" id="Filter-size-15"><label for="Filter-size-15" class="facet-checkbox" style="--bg-color: 8p;" data-tooltip="8P (10)"> 8P </label>
              </li>
              <li>
                <input type="checkbox" name="filter.v.option.size" value="10P" id="Filter-size-16"><label for="Filter-size-16" class="facet-checkbox" style="--bg-color: 10p;" data-tooltip="10P (10)"> 10P </label>
              </li>
              <li>
                <input type="checkbox" name="filter.v.option.size" value="12P" id="Filter-size-17"><label for="Filter-size-17" class="facet-checkbox" style="--bg-color: 12p;" data-tooltip="12P (10)"> 12P </label>
              </li>
              <li>
                <input type="checkbox" name="filter.v.option.size" value="14P" id="Filter-size-18"><label for="Filter-size-18" class="facet-checkbox" style="--bg-color: 14p;" data-tooltip="14P (10)"> 14P </label>
              </li>
              <li>
                <input type="checkbox" name="filter.v.option.size" value="14W" id="Filter-size-19"><label for="Filter-size-19" class="facet-checkbox" style="--bg-color: 14w;" data-tooltip="14W (29)"> 14W </label>
              </li>
              <li>
                <input type="checkbox" name="filter.v.option.size" value="16W" id="Filter-size-20"><label for="Filter-size-20" class="facet-checkbox" style="--bg-color: 16w;" data-tooltip="16W (29)"> 16W </label>
              </li>
              <li>
                <input type="checkbox" name="filter.v.option.size" value="18W" id="Filter-size-21"><label for="Filter-size-21" class="facet-checkbox" style="--bg-color: 18w;" data-tooltip="18W (29)"> 18W </label>
              </li>
              <li>
                <input type="checkbox" name="filter.v.option.size" value="20W" id="Filter-size-22"><label for="Filter-size-22" class="facet-checkbox" style="--bg-color: 20w;" data-tooltip="20W (29)"> 20W </label>
              </li>
              <li>
                <input type="checkbox" name="filter.v.option.size" value="22W" id="Filter-size-23"><label for="Filter-size-23" class="facet-checkbox" style="--bg-color: 22w;" data-tooltip="22W (29)"> 22W </label>
              </li>
              <li>
                <input type="checkbox" name="filter.v.option.size" value="24W" id="Filter-size-24"><label for="Filter-size-24" class="facet-checkbox" style="--bg-color: 24w;" data-tooltip="24W (29)"> 24W </label>
              </li>
            </ul>
          </scroll-shadow></div>
      </details>
    </collapsible-row>
    <collapsible-row data-index="5" data-collection="">
      <details class="thb-filter js-filter" style="">
        <summary class="thb-filter-title"><span></span>Occasion</summary>
        <div class="thb-filter-content collapsible__content"><scroll-shadow>
            <ul class="list-occasion split">
              <li>
                <input type="checkbox" name="filter.p.m.custom.occasion" value="Cocktail Party" id="Filter-occasion-1"><label for="Filter-occasion-1" class="facet-checkbox" style="--bg-color: cocktail party;" data-tooltip="Cocktail Party (38)">
                  Cocktail Party </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.occasion" value="Date Night" id="Filter-occasion-2"><label for="Filter-occasion-2" class="facet-checkbox" style="--bg-color: date night;" data-tooltip="Date Night (42)"> Date Night
                </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.occasion" value="Day-to-Night" id="Filter-occasion-3"><label for="Filter-occasion-3" class="facet-checkbox" style="--bg-color: day-to-night;" data-tooltip="Day-to-Night (28)">
                  Day-to-Night </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.occasion" value="Daytime" id="Filter-occasion-4"><label for="Filter-occasion-4" class="facet-checkbox" style="--bg-color: daytime;" data-tooltip="Daytime (11)"> Daytime </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.occasion" value="Dressy Casual" id="Filter-occasion-5"><label for="Filter-occasion-5" class="facet-checkbox" style="--bg-color: dressy casual;" data-tooltip="Dressy Casual (16)"> Dressy
                  Casual </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.occasion" value="Formal Event" id="Filter-occasion-6"><label for="Filter-occasion-6" class="facet-checkbox" style="--bg-color: formal event;" data-tooltip="Formal Event (17)"> Formal
                  Event </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.occasion" value="Wedding Events" id="Filter-occasion-7"><label for="Filter-occasion-7" class="facet-checkbox" style="--bg-color: wedding events;" data-tooltip="Wedding Events (36)">
                  Wedding Events </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.occasion" value="Work" id="Filter-occasion-8"><label for="Filter-occasion-8" class="facet-checkbox" style="--bg-color: work;" data-tooltip="Work (34)"> Work </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.occasion" value="Vacation" id="Filter-occasion-9"><label for="Filter-occasion-9" class="facet-checkbox" style="--bg-color: vacation;" data-tooltip="Vacation (9)"> Vacation </label>
              </li>
            </ul>
          </scroll-shadow></div>
      </details>
    </collapsible-row>
    <collapsible-row data-index="6" data-collection="">
      <details class="thb-filter js-filter" style="">
        <summary class="thb-filter-title"><span></span>Silhouette</summary>
        <div class="thb-filter-content collapsible__content"><scroll-shadow>
            <ul class="list-silhouette split">
              <li>
                <input type="checkbox" name="filter.p.m.custom.silhouette" value="A-Line" id="Filter-silhouette-1"><label for="Filter-silhouette-1" class="facet-checkbox" style="--bg-color: a-line;" data-tooltip="A-Line (10)"> A-Line </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.silhouette" value="Attached Jacket" id="Filter-silhouette-2"><label for="Filter-silhouette-2" class="facet-checkbox" style="--bg-color: attached jacket;"
                  data-tooltip="Attached Jacket (1)"> Attached Jacket </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.silhouette" value="Bodycon" id="Filter-silhouette-3"><label for="Filter-silhouette-3" class="facet-checkbox" style="--bg-color: bodycon;" data-tooltip="Bodycon (27)"> Bodycon </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.silhouette" value="Column" id="Filter-silhouette-4"><label for="Filter-silhouette-4" class="facet-checkbox" style="--bg-color: column;" data-tooltip="Column (4)"> Column </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.silhouette" value="Empire" id="Filter-silhouette-5"><label for="Filter-silhouette-5" class="facet-checkbox" style="--bg-color: empire;" data-tooltip="Empire (2)"> Empire </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.silhouette" value="Faux Wrap" id="Filter-silhouette-6"><label for="Filter-silhouette-6" class="facet-checkbox" style="--bg-color: faux wrap;" data-tooltip="Faux Wrap (16)"> Faux Wrap
                </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.silhouette" value="Fit and Flare" id="Filter-silhouette-7"><label for="Filter-silhouette-7" class="facet-checkbox" style="--bg-color: fit and flare;" data-tooltip="Fit and Flare (7)"> Fit
                  and Flare </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.silhouette" value="Maxi" id="Filter-silhouette-8"><label for="Filter-silhouette-8" class="facet-checkbox" style="--bg-color: maxi;" data-tooltip="Maxi (1)"> Maxi </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.silhouette" value="Sheath" id="Filter-silhouette-9"><label for="Filter-silhouette-9" class="facet-checkbox" style="--bg-color: sheath;" data-tooltip="Sheath (8)"> Sheath </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.silhouette" value="Straight Leg" id="Filter-silhouette-10"><label for="Filter-silhouette-10" class="facet-checkbox" style="--bg-color: straight leg;" data-tooltip="Straight Leg (2)">
                  Straight Leg </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.silhouette" value="T-Shirt" id="Filter-silhouette-11"><label for="Filter-silhouette-11" class="facet-checkbox" style="--bg-color: t-shirt;" data-tooltip="T-Shirt (6)"> T-Shirt </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.silhouette" value="Wrap" id="Filter-silhouette-12"><label for="Filter-silhouette-12" class="facet-checkbox" style="--bg-color: wrap;" data-tooltip="Wrap (14)"> Wrap </label>
              </li>
            </ul>
          </scroll-shadow></div>
      </details>
    </collapsible-row>
    <collapsible-row data-index="7" data-collection="">
      <details class="thb-filter js-filter" style="">
        <summary class="thb-filter-title"><span></span>Colors</summary>
        <div class="thb-filter-content collapsible__content"><scroll-shadow>
            <ul class="list-color split">
              <li>
                <input type="checkbox" name="filter.p.m.custom.colors" value="Black" id="Filter-colors-1"><label for="Filter-colors-1" class="facet-checkbox" style="--bg-color: black;" data-tooltip="Black (17)"> Black </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.colors" value="Blue" id="Filter-colors-2"><label for="Filter-colors-2" class="facet-checkbox" style="--bg-color: blue;" data-tooltip="Blue (24)"> Blue </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.colors" value="Gold" id="Filter-colors-3"><label for="Filter-colors-3" class="facet-checkbox" style="--bg-color: #c6993a;" data-tooltip="Gold (2)"> Gold </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.colors" value="Green" id="Filter-colors-4"><label for="Filter-colors-4" class="facet-checkbox" style="--bg-color: green;" data-tooltip="Green (7)"> Green </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.colors" value="Grey" id="Filter-colors-5"><label for="Filter-colors-5" class="facet-checkbox" style="--bg-color: grey;" data-tooltip="Grey (5)"> Grey </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.colors" value="Orange" id="Filter-colors-6"><label for="Filter-colors-6" class="facet-checkbox" style="--bg-color: orange;" data-tooltip="Orange (2)"> Orange </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.colors" value="Pink" id="Filter-colors-7"><label for="Filter-colors-7" class="facet-checkbox" style="--bg-color: pink;" data-tooltip="Pink (7)"> Pink </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.colors" value="Purple" id="Filter-colors-8"><label for="Filter-colors-8" class="facet-checkbox" style="--bg-color: #7600bc;" data-tooltip="Purple (6)"> Purple </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.colors" value="Red" id="Filter-colors-9"><label for="Filter-colors-9" class="facet-checkbox" style="--bg-color: red;" data-tooltip="Red (2)"> Red </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.colors" value="White" id="Filter-colors-10"><label for="Filter-colors-10" class="facet-checkbox" style="--bg-color: #f5f4eb;" data-tooltip="White (6)"> White </label>
              </li>
            </ul>
          </scroll-shadow></div>
      </details>
    </collapsible-row>
    <collapsible-row data-index="8" data-collection="">
      <details class="thb-filter js-filter" style="">
        <summary class="thb-filter-title"><span></span>Length</summary>
        <div class="thb-filter-content collapsible__content"><scroll-shadow>
            <ul class="list-length">
              <li>
                <input type="checkbox" name="filter.p.m.custom.length" value="At Knee" id="Filter-length-1"><label for="Filter-length-1" class="facet-checkbox" style="--bg-color: at knee;" data-tooltip="At Knee (25)"> At Knee </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.length" value="Below Knee" id="Filter-length-2"><label for="Filter-length-2" class="facet-checkbox" style="--bg-color: below knee;" data-tooltip="Below Knee (5)"> Below Knee </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.length" value="Cropped" id="Filter-length-3"><label for="Filter-length-3" class="facet-checkbox" style="--bg-color: cropped;" data-tooltip="Cropped (3)"> Cropped </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.length" value="Long" id="Filter-length-4"><label for="Filter-length-4" class="facet-checkbox" style="--bg-color: long;" data-tooltip="Long (6)"> Long </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.length" value="Midi" id="Filter-length-5"><label for="Filter-length-5" class="facet-checkbox" style="--bg-color: midi;" data-tooltip="Midi (11)"> Midi </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.length" value="Mixi" id="Filter-length-6"><label for="Filter-length-6" class="facet-checkbox" style="--bg-color: mixi;" data-tooltip="Mixi (1)"> Mixi </label>
              </li>
            </ul>
          </scroll-shadow></div>
      </details>
    </collapsible-row>
    <collapsible-row data-index="9" data-collection="">
      <details class="thb-filter js-filter" style="">
        <summary class="thb-filter-title"><span></span>Sleeves</summary>
        <div class="thb-filter-content collapsible__content"><scroll-shadow>
            <ul class="list-sleeves">
              <li>
                <input type="checkbox" name="filter.p.m.custom.sleeves" value="Cap" id="Filter-sleeves-1"><label for="Filter-sleeves-1" class="facet-checkbox" style="--bg-color: cap;" data-tooltip="Cap (1)"> Cap </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.sleeves" value="Cape" id="Filter-sleeves-2"><label for="Filter-sleeves-2" class="facet-checkbox" style="--bg-color: cape;" data-tooltip="Cape (3)"> Cape </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.sleeves" value="Elbow" id="Filter-sleeves-3"><label for="Filter-sleeves-3" class="facet-checkbox" style="--bg-color: elbow;" data-tooltip="Elbow (10)"> Elbow </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.sleeves" value="Long" id="Filter-sleeves-4"><label for="Filter-sleeves-4" class="facet-checkbox" style="--bg-color: long;" data-tooltip="Long (5)"> Long </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.sleeves" value="Short" id="Filter-sleeves-5"><label for="Filter-sleeves-5" class="facet-checkbox" style="--bg-color: short;" data-tooltip="Short (1)"> Short </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.sleeves" value="Sleeveless" id="Filter-sleeves-6"><label for="Filter-sleeves-6" class="facet-checkbox" style="--bg-color: sleeveless;" data-tooltip="Sleeveless (29)"> Sleeveless </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.sleeves" value="Three-Quarter" id="Filter-sleeves-7"><label for="Filter-sleeves-7" class="facet-checkbox" style="--bg-color: three-quarter;" data-tooltip="Three-Quarter (12)">
                  Three-Quarter </label>
              </li>
            </ul>
          </scroll-shadow></div>
      </details>
    </collapsible-row>
    <collapsible-row data-index="10" data-collection="">
      <details class="thb-filter js-filter" style="">
        <summary class="thb-filter-title"><span></span>Fabric</summary>
        <div class="thb-filter-content collapsible__content"><scroll-shadow>
            <ul class="list-fabric split">
              <li>
                <input type="checkbox" name="filter.p.m.custom.fabric" value="Chiffon" id="Filter-fabric-1"><label for="Filter-fabric-1" class="facet-checkbox" style="--bg-color: chiffon;" data-tooltip="Chiffon (4)"> Chiffon </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.fabric" value="Crepe Scuba" id="Filter-fabric-2"><label for="Filter-fabric-2" class="facet-checkbox" style="--bg-color: crepe scuba;" data-tooltip="Crepe Scuba (1)"> Crepe Scuba </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.fabric" value="Knit" id="Filter-fabric-3"><label for="Filter-fabric-3" class="facet-checkbox" style="--bg-color: knit;" data-tooltip="Knit (10)"> Knit </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.fabric" value="Lace" id="Filter-fabric-4"><label for="Filter-fabric-4" class="facet-checkbox" style="--bg-color: lace;" data-tooltip="Lace (4)"> Lace </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.fabric" value="Mesh" id="Filter-fabric-5"><label for="Filter-fabric-5" class="facet-checkbox" style="--bg-color: mesh;" data-tooltip="Mesh (2)"> Mesh </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.fabric" value="Metallic" id="Filter-fabric-6"><label for="Filter-fabric-6" class="facet-checkbox" style="--bg-color: metallic;" data-tooltip="Metallic (1)"> Metallic </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.fabric" value="Stretch Knit" id="Filter-fabric-7"><label for="Filter-fabric-7" class="facet-checkbox" style="--bg-color: stretch knit;" data-tooltip="Stretch Knit (31)"> Stretch Knit
                </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.fabric" value="Stretch Nylon" id="Filter-fabric-8"><label for="Filter-fabric-8" class="facet-checkbox" style="--bg-color: stretch nylon;" data-tooltip="Stretch Nylon (1)"> Stretch Nylon
                </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.fabric" value="Sweater Knit" id="Filter-fabric-9"><label for="Filter-fabric-9" class="facet-checkbox" style="--bg-color: sweater knit;" data-tooltip="Sweater Knit (2)"> Sweater Knit
                </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.fabric" value="Woven" id="Filter-fabric-10"><label for="Filter-fabric-10" class="facet-checkbox" style="--bg-color: woven;" data-tooltip="Woven (1)"> Woven </label>
              </li>
            </ul>
          </scroll-shadow></div>
      </details>
    </collapsible-row>
    <collapsible-row data-index="11" data-collection="">
      <details class="thb-filter js-filter" style="">
        <summary class="thb-filter-title"><span></span>Pattern</summary>
        <div class="thb-filter-content collapsible__content"><scroll-shadow>
            <ul class="list-pattern">
              <li>
                <input type="checkbox" name="filter.p.m.custom.pattern" value="Floral" id="Filter-pattern-1"><label for="Filter-pattern-1" class="facet-checkbox" style="--bg-color: floral;" data-tooltip="Floral (17)"> Floral </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.pattern" value="Leaf" id="Filter-pattern-2"><label for="Filter-pattern-2" class="facet-checkbox" style="--bg-color: leaf;" data-tooltip="Leaf (1)"> Leaf </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.pattern" value="Polka Dot" id="Filter-pattern-3"><label for="Filter-pattern-3" class="facet-checkbox" style="--bg-color: polka dot;" data-tooltip="Polka Dot (3)"> Polka Dot </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.pattern" value="Sequin Lace" id="Filter-pattern-4"><label for="Filter-pattern-4" class="facet-checkbox" style="--bg-color: sequin lace;" data-tooltip="Sequin Lace (4)"> Sequin Lace
                </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.pattern" value="Solid" id="Filter-pattern-5"><label for="Filter-pattern-5" class="facet-checkbox" style="--bg-color: solid;" data-tooltip="Solid (32)"> Solid </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.pattern" value="Tie Dye" id="Filter-pattern-6"><label for="Filter-pattern-6" class="facet-checkbox" style="--bg-color: tie dye;" data-tooltip="Tie Dye (1)"> Tie Dye </label>
              </li>
            </ul>
          </scroll-shadow></div>
      </details>
    </collapsible-row>
    <collapsible-row data-index="12" data-collection="">
      <details class="thb-filter js-filter" style="">
        <summary class="thb-filter-title"><span></span>Care</summary>
        <div class="thb-filter-content collapsible__content"><scroll-shadow>
            <ul class="list-care">
              <li>
                <input type="checkbox" name="filter.p.m.custom.care" value="Machine Wash" id="Filter-care-1"><label for="Filter-care-1" class="facet-checkbox" style="--bg-color: machine wash;" data-tooltip="Machine Wash (48)"> Machine Wash </label>
              </li>
              <li>
                <input type="checkbox" name="filter.p.m.custom.care" value="Hand Wash" id="Filter-care-2"><label for="Filter-care-2" class="facet-checkbox" style="--bg-color: hand wash;" data-tooltip="Hand Wash (10)"> Hand Wash </label>
              </li>
            </ul>
          </scroll-shadow></div>
      </details>
    </collapsible-row>
  </div>
</form>

<form id="FacetFiltersForm-bar" class="facets__form">
  <div><a href="#SideFilters" class="facets-toggle" id="Facets-Toggle">
<svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.55372 7.58824L1 7.58825M11.1818 7.58825L8.40496 7.58824M2.85124 2.41177L1 2.41173M11.1818 2.41173L4.70248 2.41177M4.70248 1V3.82352M8.40496 9V6.17648" stroke="var(--color-accent)" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
 Filter and sort</a></div>
  <div class="thb-filter-sort-count">
    <div class="thb-filter-sort">
      <div class="select"><select name="sort_by" class="facet-filters__sort select__select resize-select" id="SortBy" aria-describedby="a11y-refresh-page-message" aria-label="Sorting method selector><option value=" manual"="" selected="selected"
          style="width: 127px;">Featured<option value="best-selling">Best selling</option>
          <option value="title-ascending">Alphabetically, A-Z</option>
          <option value="title-descending">Alphabetically, Z-A</option>
          <option value="price-ascending">Price, low to high</option>
          <option value="price-descending">Price, high to low</option>
          <option value="created-ascending">Date, old to new</option>
          <option value="created-descending">Date, new to old</option>
        </select>
        <div class="select-arrow">
          <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M6.75 1.5L3.75 4.5L0.75 1.5" stroke="var(--color-body)" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
        </div>
      </div>
    </div>
    <div class="thb-filter-count" id="ProductCount">
      <span class="facets__label">62 products </span>
      <span class="loading-overlay">
        <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
          <circle class="spinner-path" fill="none" stroke-width="6" cx="33" cy="33" r="30" stroke="var(--color-accent)"></circle>
        </svg>
      </span>
    </div>
  </div>
</form>

POST /contact#contact_form

<form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="signup-form"><input type="hidden" name="form_type" value="customer"><input type="hidden" name="utf8" value="✓">
  <fieldset>
    <input name="contact[tags]" type="hidden" value="newsletter">
    <div class="field">
      <input placeholder="Email" type="email" id="NewsletterForm--sections--16721829331199__footer" name="contact[email]" autocorrect="off" autocapitalize="off" autocomplete="email" value=""
        pattern="^([a-zA-Z0-9_\-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([a-zA-Z0-9\-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$" title="xxx@xxx.xxx" required="">
      <label class="field__label" for="NewsletterForm--sections--16721829331199__footer"> Email </label>
    </div>
    <button class="submit" type="submit" aria-label="Enter your email">
      <svg width="15" height="11" viewBox="0 0 15 11" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M0.799805 5.5H12.7998" stroke="var(--color-accent)" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
        <path d="M9.49976 1L13.9998 5.5L9.49976 10" stroke="var(--color-accent)" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
    </button>
  </fieldset>
</form>

POST /localization

<form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization"><input type="hidden" name="utf8"
    value="✓"><input type="hidden" name="_method" value="put"><input type="hidden" name="return_to" value="/collections/new-arrivals?_kx=n50UZ9zRKrlhkDx5vulrtnyhPnZ27_AFJ202yxyX-EXBFYVXtSumqa1_NyNWgTKm.MBLUHB">
  <div class="select">
    <select name="currency_code" class="thb-currency-code resize-select" aria-label="Currency selector" style="width: 173px;">
      <option value="AUD">Australia (AUD $)</option>
      <option value="CAD">Canada (CAD $)</option>
      <option value="EUR">Finland (EUR €)</option>
      <option value="EUR">Germany (EUR €)</option>
      <option value="EUR">Ireland (EUR €)</option>
      <option value="ILS">Israel (ILS ₪)</option>
      <option value="GBP">United Kingdom (GBP £)</option>
      <option value="USD" selected="selected">United States (USD $)</option>
    </select>
    <div class="select-arrow">
      <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M6.75 1.5L3.75 4.5L0.75 1.5" stroke="var(--color-body)" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
    </div>
  </div><noscript>
    <button class="text-button">Update country/region</button>
  </noscript>
</form>

GET /search

<form role="search" method="get" class="searchform" action="/search">
  <fieldset>
    <label for="side-panel-search-input visually-hidden">Search</label>
    <input id="side-panel-search-input" type="search" class="search-field" placeholder="Search for anything" value="" name="q" autocomplete="off">
  </fieldset>
</form>

Text Content

This website uses cookies to ensure you get the best experience. By visiting
ConnectedApparel.com, or any directly or indirectly associated page, you are
giving your consent to allow the use of cookies to customize your experience.
Click here to learn more or opt out.
DeclineAccept
Press Alt+1 for screen-reader mode, Alt+0 to cancelAccessibility Screen-Reader
Guide, Feedback, and Issue Reporting Skip to content
BOGO SALE | BUY 1 SALE STYLE, GET THE 2ND 50% OFF
 * Shop By Category
    * Shop By Category
    * Dresses
    * Jumpsuits
    * Shrugs & Cardigans
    * Bottoms
    * Gift Cards
    * Shop All
    * Length
       * Length
       * Midi Dresses
       * Maxi Dresses

 * New Arrivals
 * Occasion
 * Best Sellers
 * Separates
 * Wedding Shop
 * Floral Dresses
 * Faux Wrap Dresses
 * Shop All
 * Sale
 * About Us
 * Blog
 * Help Center

Login

 * Shop
   * Best Sellers
   * New Arrivals
   * Occasion
   * Dresses
   * Jumpsuits
   * Workwear
   * Shrugs & Cardigans
   * Sale
   * Shop All
 * About Us
 * Blog

Login
0
 * New Arrivals
 * Shop All
    * Categories
      * Dresses
      * Jumpsuits
      * Separates
      * Shrugs & Cardigans
      * Gift Cards
    * Occasion
      * Casual
      * Daytime
      * Workwear
      * Day to Night
      * Date Night
      * Cocktail Dresses
      * Special Occasion
    * Sizes
      * Regular
      * Plus
      * Petite
    * Length
      * Midi Length
      * Maxi Length
    * Featured
      * New Arrivals
      * Floral Dresses
      * Faux Wrap Dresses
      * Best Sellers
      * CA Staples
      * Sale: Up to 65% Off!
   
   The Spring Dress Edit
   
   Shop Now
   
   Introducing: The Perfect Suit
   
   Shop Separates Now
 * Best Sellers
 * Jewelry
 * Dresses
 * Wedding
 * Occasion
 * Sale
   * New to Sale
   * Regular Size Sale
   * Petite Size Sale
   * Plus Size Sale
   * Final Sale
 * Separates

 * New Arrivals
 * Shop All
    * Categories
      * Dresses
      * Jumpsuits
      * Separates
      * Shrugs & Cardigans
      * Gift Cards
    * Occasion
      * Casual
      * Daytime
      * Workwear
      * Day to Night
      * Date Night
      * Cocktail Dresses
      * Special Occasion
    * Sizes
      * Regular
      * Plus
      * Petite
    * Length
      * Midi Length
      * Maxi Length
    * Featured
      * New Arrivals
      * Floral Dresses
      * Faux Wrap Dresses
      * Best Sellers
      * CA Staples
      * Sale: Up to 65% Off!
   
   The Spring Dress Edit
   
   Shop Now
   
   Introducing: The Perfect Suit
   
   Shop Separates Now
 * Best Sellers
 * Jewelry
 * Dresses
 * Wedding
 * Occasion
 * Sale
   * New to Sale
   * Regular Size Sale
   * Petite Size Sale
   * Plus Size Sale
   * Final Sale
 * Separates

Login
0
Home / Shop / Shop New Women’s Dresses & Jumpsuits

Filter and sort 62 products
Price
The highest price is $89.00

$
$
Trending
 * Best Sellers
 * Wedding Shop
 * Spring

Type
 * Petite
 * Plus
 * Regular

Size
 * XS
 * S
 * M
 * L
 * XL
 * 4
 * 6
 * 8
 * 10
 * 12
 * 14
 * 16
 * 4P
 * 6P
 * 8P
 * 10P
 * 12P
 * 14P
 * 14W
 * 16W
 * 18W
 * 20W
 * 22W
 * 24W

Occasion
 * Cocktail Party
 * Date Night
 * Day-to-Night
 * Daytime
 * Dressy Casual
 * Formal Event
 * Wedding Events
 * Work
 * Vacation

Silhouette
 * A-Line
 * Attached Jacket
 * Bodycon
 * Column
 * Empire
 * Faux Wrap
 * Fit and Flare
 * Maxi
 * Sheath
 * Straight Leg
 * T-Shirt
 * Wrap

Colors
 * Black
 * Blue
 * Gold
 * Green
 * Grey
 * Orange
 * Pink
 * Purple
 * Red
 * White

Length
 * At Knee
 * Below Knee
 * Cropped
 * Long
 * Midi
 * Mixi

Sleeves
 * Cap
 * Cape
 * Elbow
 * Long
 * Short
 * Sleeveless
 * Three-Quarter

Fabric
 * Chiffon
 * Crepe Scuba
 * Knit
 * Lace
 * Mesh
 * Metallic
 * Stretch Knit
 * Stretch Nylon
 * Sweater Knit
 * Woven

Pattern
 * Floral
 * Leaf
 * Polka Dot
 * Sequin Lace
 * Solid
 * Tie Dye

Care
 * Machine Wash
 * Hand Wash

Sort by
FeaturedBest sellingAlphabetically, A-ZAlphabetically, Z-APrice, low to
highPrice, high to lowDate, old to newDate, new to old

Clear
Apply
Price
The highest price is $89.00

$
$
Trending
 * Best Sellers
 * Wedding Shop
 * Spring

Type
 * Petite
 * Plus
 * Regular

Size
 * XS
 * S
 * M
 * L
 * XL
 * 4
 * 6
 * 8
 * 10
 * 12
 * 14
 * 16
 * 4P
 * 6P
 * 8P
 * 10P
 * 12P
 * 14P
 * 14W
 * 16W
 * 18W
 * 20W
 * 22W
 * 24W

Occasion
 * Cocktail Party
 * Date Night
 * Day-to-Night
 * Daytime
 * Dressy Casual
 * Formal Event
 * Wedding Events
 * Work
 * Vacation

Silhouette
 * A-Line
 * Attached Jacket
 * Bodycon
 * Column
 * Empire
 * Faux Wrap
 * Fit and Flare
 * Maxi
 * Sheath
 * Straight Leg
 * T-Shirt
 * Wrap

Colors
 * Black
 * Blue
 * Gold
 * Green
 * Grey
 * Orange
 * Pink
 * Purple
 * Red
 * White

Length
 * At Knee
 * Below Knee
 * Cropped
 * Long
 * Midi
 * Mixi

Sleeves
 * Cap
 * Cape
 * Elbow
 * Long
 * Short
 * Sleeveless
 * Three-Quarter

Fabric
 * Chiffon
 * Crepe Scuba
 * Knit
 * Lace
 * Mesh
 * Metallic
 * Stretch Knit
 * Stretch Nylon
 * Sweater Knit
 * Woven

Pattern
 * Floral
 * Leaf
 * Polka Dot
 * Sequin Lace
 * Solid
 * Tie Dye

Care
 * Machine Wash
 * Hand Wash

Filter and sort
FeaturedBest sellingAlphabetically, A-ZAlphabetically, Z-APrice, low to
highPrice, high to lowDate, old to newDate, new to old

62 products
Clear all
   
 * Sale
 * New
   
   Quick view
    * 
   
   Brooke Navy Jacket
   
   Regular
   
   Navy Sapphire
   $45.00 /
 * New
   
   Quick view
    * 
   
   Maeve Rose Sleeveless Top
   
   Regular
   
   Rose Dusty Sage Ink Rust Periwinkle Berry/Raspberry
   $35.00 /
 * New
   
   Quick view
    * 
   
   Beverly Navy Cropped Pants
   
   Regular
   
   Navy Sapphire
   $45.00 /
 * New
   
   Quick view
    * 
   
   Brooke Sapphire Jacket
   
   Regular
   
   Navy Sapphire
   $45.00 /
 * New
   
   Quick view
    * 
   
   Maeve Berry Sleeveless Top
   
   Regular
   
   Rose Dusty Sage Ink Rust Periwinkle Berry/Raspberry
   $35.00 /
 * New
   
   Quick view
    * 
   
   Beverly Sapphire Cropped Pants
   
   Regular
   
   Navy Sapphire
   $45.00 /
 * New
   
   Quick view
    * 
   
   Maeve Rust Sleeveless Top
   
   Regular
   
   Rose Dusty Sage Ink Rust Periwinkle Berry/Raspberry
   $35.00 /
 * New
   
   Quick view
    * 
   
   Mia Coral Asymmetrical Maxi Dress
   
   Regular
   
   $69.00 /
 * New
   
   Quick view
    * 
   
   Maeve Periwinkle Sleeveless Top
   
   Regular
   
   Rose Dusty Sage Ink Rust Periwinkle Berry/Raspberry
   $35.00 /
 * New
   
   Quick view
    * 
   
   Maeve Ink Sleeveless Top
   
   Regular
   
   Rose Dusty Sage Ink Rust Periwinkle Berry/Raspberry
   $35.00 /
 * New
   
   Quick view
    * 
   
   Selena Teal Sleeveless Knot Dress
   
   Regular
   
   Teal Cobalt Hunter Green Apple Red Berry
   $69.00 /
 * New
   
   Quick view
    * 
   
   Maeve Dusty Sage Sleeveless Top
   
   Regular
   
   Rose Dusty Sage Ink Rust Periwinkle Berry/Raspberry
   $35.00 /
 * New
   
   Quick view
    * 
   
   Becca Navy Polka Dot A-Line Dress
   
   Regular
   
   $69.00 /
 * New
   
   Quick view
    * 
   
   Lisa Fuchsia Faux Wrap Dress
   
   Regular, Plus
   
   Bright Fuchsia Navy Dusty Rose Aubergine/Camel Dark Plum Forest Green Spice
   Periwinkle Cameo +6 more colors
   $69.00 / 11 reviews
 * New
   
   Quick view
    * 
   
   Lisa 2.0 Lilac Faux Wrap Dress
   
   Regular, Plus
   
   Black Navy Spice Cobalt Navy/Mauve Magenta Brown Taupe Spruce Dark Plum Rust
   Apple Red Black Red Lilac Dark Purple Jade New Coral Peri +16 more colors
   $69.00 / 64 reviews
 * New
   
   Quick view
    * 
   
   Sunny Magenta Floral Midi Dress
   
   Regular
   
   Black Rose Forest Green Black/Nude Dark Mallard Red Magenta +4 more colors
   $69.00 /
 * New
   
   Quick view
    * 
   
   Cora Navy Sleeveless A-Line Midi Dress
   
   Regular, Petite
   
   Navy Black/Gold
   $79.00 /
 * New
   
   Quick view
    * 
   
   Lisa 2.0 Black Faux Wrap Dress
   
   Regular, Petite, Plus
   
   Black Navy Spice Cobalt Navy/Mauve Magenta Brown Taupe Spruce Dark Plum Rust
   Apple Red Black Red Lilac Dark Purple Jade New Coral Peri +16 more colors
   $69.00 / 64 reviews
 * New
   
   Quick view
    * 
   
   Lisa 2.0 Dark Purple Faux Wrap Dress
   
   Regular, Petite, Plus
   
   Black Navy Spice Cobalt Navy/Mauve Magenta Brown Taupe Spruce Dark Plum Rust
   Apple Red Black Red Lilac Dark Purple Jade New Coral Peri +16 more colors
   $69.00 / 64 reviews
 * New
   
   Quick view
    * 
   
   Audrey Grape Floral Asymmetrical Midi Dress
   
   Regular, Plus
   
   Black Grape
   $79.00 /
 * New
   
   Quick view
    * 
   
   Daphne Lavender Floral Chiffon Popover Dress
   
   Regular, Plus
   
   Cobalt Eggplant Black Light Lavender
   $69.00 /
 * New
   
   Quick view
    * 
   
   Ari Sage Mosaic Print Wrap Dress
   
   Regular
   
   Taupe/Silver Sage
   $69.00 / 1 review
 * New
   
   Quick view
    * 
   
   Stevie Blue Tropical Sheath Dress
   
   Regular, Plus
   
   Dark Plum Pink Rosewood Navy/Aqua Ocean Black
   $69.00 / 6 reviews
 * New
   
   Quick view
    * 
   
   Tina Navy and Lavender Floral Cowl Neck Dress
   
   Regular
   
   Navy/Lavender Charcoal Navy/Spice Turquoise Sky
   $69.00 /
 * New
   
   Quick view
    * 
   
   Lisa 2.0 Navy Floral Faux Wrap Dress
   
   Regular, Plus
   
   Deep Cobalt Black Peri
   $69.00 / 64 reviews
 * New
   
   Quick view
    * 
   
   Morgan Sapphire Cropped Jumpsuit
   
   Regular, Petite, Plus
   
   Navy/Maize Sapphire
   $69.00 /
 * New
   
   Quick view
    * 
   
   Lynette Navy Cocktail Dress
   
   Regular
   
   $79.00 /
 * New
   
   Quick view
    * 
   
   Carly Navy Floral Chiffon Dress
   
   Regular, Plus
   
   $79.00 / 1 review
 * New
   
   Quick view
    * 
   
   Mary Cobalt Floral Chiffon Dress with Shrug
   
   Regular, Plus
   
   $79.00 /
 * New
   
   Quick view
    * 
   
   Carrie Floral Asymmetrical Wrap Dress
   
   Regular, Plus
   
   Navy Deep Cobalt Hunter Green Black Bright Fuchsia
   $69.00 / 1 review
 * New
   
   Quick view
    * 
   
   Penny Dusty Rose Bodre Sheath Dress
   
   Regular
   
   Ivory/Rose Dusty Rose
   $79.00 /
 * New
   
   Quick view
    * 
   
   Elizabeth Eggplant Sequin Lace Floor Length Dress
   
   Regular
   
   $89.00 / 3 reviews
 * New
   
   Quick view
    * 
   
   Elsa Eggplant Midi Capelet Dress
   
   Regular, Plus
   
   Eggplant Red
   $69.00 / 16 reviews
 * New
   
   Quick view
    * 
   
   Sabrina Black Floral A-Line Midi Dress
   
   Regular
   
   $69.00 /
 * New
   
   Quick view
    * 
   
   Lisa Dusty Rose Faux Wrap Dress
   
   Regular, Petite, Plus
   
   Bright Fuchsia Navy Dusty Rose Aubergine/Camel Dark Plum Forest Green Spice
   Periwinkle Cameo +6 more colors
   $69.00 / 11 reviews
 * New
   
   Quick view
    * 
   
   Stevie Black Floral Print Dress
   
   Regular, Plus
   
   Dark Plum Pink Rosewood Navy/Aqua Ocean Black
   $69.00 / 6 reviews
 * New
   
   Quick view
    * 
   
   Alyssa Black Floral Cape Dress
   
   Regular, Plus
   
   Purple Black Deep Cobalt Midnight Rust Black Navy Black Black/Gold +6 more
   colors
   $69.00 / 2 reviews
 * New
   
   Quick view
    * 
   
   Liz Black Polka Dot Faux Wrap Dress
   
   Regular, Petite, Plus
   
   Black Hunter Green Eggplant Mocha Taupe
   $69.00 /
 * New
   
   Quick view
    * 
   
   Lisa Navy Polka Dot Faux Wrap Dress
   
   Regular
   
   Bright Fuchsia Navy Dusty Rose Aubergine/Camel Dark Plum Forest Green Spice
   Periwinkle Cameo +6 more colors
   $69.00 / 11 reviews
 * New
   
   Quick view
    * 
   
   Lisa 2.0 Floor Length Black Faux Wrap Dress
   
   Regular, Plus
   
   $89.00 /
 * New
   
   Quick view
    * 
   
   Lisa 2.0 Black Chiffon Sleeve Faux Wrap Dress
   
   Regular, Petite, Plus
   
   Black Navy Spice Cobalt Navy/Mauve Magenta Brown Taupe Spruce Dark Plum Rust
   Apple Red Black Red Lilac Dark Purple Jade New Coral Peri +16 more colors
   $79.00 / 64 reviews
 * New
   
   Quick view
    * 
   
   Tina Charcoal Sequin Lace Cowl Neck Dress
   
   Regular, Petite
   
   Charcoal Sky
   $79.00 /
 * New
   
   Quick view
    * 
   
   Janelle Charcoal Sequin Lace Dress
   
   Regular
   
   $79.00 /
 * New
   
   Quick view
    * 
   
   Monica Deep Royal Metallic Jacket Dress
   
   Regular, Plus
   
   Deep Royal Dark Mallard Black
   $79.00 / 2 reviews
 * New
   
   Quick view
    * 
   
   Selena Cobalt Sleeveless Knot Dress
   
   Regular
   
   Teal Cobalt Hunter Green Apple Red Berry
   $69.00 / 2 reviews
 * New
   
   Quick view
    * 
   
   Jeanette Deep Cobalt Chiffon Sleeve Dress
   
   Regular, Plus
   
   $79.00 /
 * New
   
   Quick view
    * 
   
   Lisa Deep Cobalt Floor Length Dress
   
   Regular
   
   $89.00 /
 * New
   
   Quick view
    * 
   
   Dorothy Deep Cobalt Formal Dress
   
   Regular
   
   $89.00 /

Load more



SHOP NEW WOMEN’S DRESSES & JUMPSUITS

From this seasons trending colors and styles to dresses and jumpsuits we bring
back year after year, this collection features all the new Connected Apparel
pieces soon to become your favorite. Shop easy to style dresses and jumpsuits
that you’re sure to love.

ACCOUNT
 * Manage Account
 * Sign Up
 * Contact Us

GET HELP
 * Help Center
 * Size Guide
 * Returns & Exchanges
 * Shipping FAQs

MORE
 * Accessibility Settings
 * Buy Now, Pay Later
 * Privacy & Terms
 * Sitemap

JOIN THE CA FAMILY

Subscribe to get 15% your first order, access to exclusive deals, and more.

Email
STAY CONNECTED
 * Facebook
 * Instagram
 * YouTube
 * Pinterest
 * TikTok

Australia (AUD $)Canada (CAD $)Finland (EUR €)Germany (EUR €)Ireland (EUR
€)Israel (ILS ₪)United Kingdom (GBP £)United States (USD $)

Update country/region
Amazon American Express Apple Pay Diners ClubDiscoverMeta Pay Google Pay
MastercardPayPalShop Pay Venmo Visa

© 2024 Connected Apparel, all rights reserved.

Bag

Your cart is currently empty.

Start Shopping


COMPLETE THE LOOK

Cleo Hoop Earrings Medium $68.00 /

Quick view

Cleo Cuff Bracelet $39.20 /

Quick view

Adele Bolero Shrug $35.00 /

Quick view

Rose Gold Sequin Face Mask $2.00 /

Quick view
Select options

Search

POPULAR SEARCHES
ShopBlogFAQ
Trending Now
 * New
   
   Quick view
    * 
   
   Lisa Fuchsia Faux Wrap Dress
   
   Regular, Plus
   
   Bright Fuchsia Navy Dusty Rose Aubergine/Camel Dark Plum Forest Green Spice
   Periwinkle Cameo +6 more colors
   $69.00 / 11 reviews
 * New
   
   Quick view
    * 
   
   Stevie Blue Tropical Sheath Dress
   
   Regular, Plus
   
   Dark Plum Pink Rosewood Navy/Aqua Ocean Black
   $69.00 / 6 reviews
 * New
   
   Quick view
    * 
   
   Lisa Dusty Rose Faux Wrap Dress
   
   Regular, Petite, Plus
   
   Bright Fuchsia Navy Dusty Rose Aubergine/Camel Dark Plum Forest Green Spice
   Periwinkle Cameo +6 more colors
   $69.00 / 11 reviews
 * New
   
   Quick view
    * 
   
   Stevie Black Floral Print Dress
   
   Regular, Plus
   
   Dark Plum Pink Rosewood Navy/Aqua Ocean Black
   $69.00 / 6 reviews
 * New
   
   Quick view
    * 
   
   Lisa 2.0 Dark Purple Faux Wrap Dress
   
   Regular, Petite, Plus
   
   Black Navy Spice Cobalt Navy/Mauve Magenta Brown Taupe Spruce Dark Plum Rust
   Apple Red Black Red Lilac Dark Purple Jade New Coral Peri +16 more colors
   $69.00 / 64 reviews
 * New
   
   Quick view
    * 
   
   Lisa 2.0 Lilac Faux Wrap Dress
   
   Regular, Plus
   
   Black Navy Spice Cobalt Navy/Mauve Magenta Brown Taupe Spruce Dark Plum Rust
   Apple Red Black Red Lilac Dark Purple Jade New Coral Peri +16 more colors
   $69.00 / 64 reviews
 * New
   
   Quick view
    * 
   
   Lisa Deep Cobalt Floor Length Dress
   
   Regular
   
   $89.00 /
 * New
   
   Quick view
    * 
   
   Grace Cobalt Sequin Lace Dress
   
   Regular
   
   Navy Black Charcoal Cobalt Mauve
   $89.00 / 22 reviews
 * 40% OFF
   
   Quick view
    * 
   
   Grace Mauve Sequin Lace Dress
   
   Regular
   
   Navy Black Charcoal Cobalt Mauve
   $89.00 $53.40 / 22 reviews BUY ONE SALE, GET ONE 50% OFF
 * New
   
   Quick view
    * 
   
   Elizabeth Eggplant Sequin Lace Floor Length Dress
   
   Regular
   
   $89.00 / 3 reviews
 * 40% OFF
   
   Quick view
    * 
   
   Daphne Black Velvet Popover Dress
   
   Regular, Plus
   
   Cobalt Eggplant Black Light Lavender
   $79.00 $47.40 / 3 reviews BUY ONE SALE, GET ONE 50% OFF
 * 25% OFF
   
   Quick view
    * 
   
   Lisette Red Leopard Faux Wrap Dress
   
   Regular, Plus
   
   Black Deep Cobalt Red
   $69.00 $51.75 / 5 reviews BUY ONE SALE, GET ONE 50% OFF









Before you go, why not check out our SALE ITEMS Up to 60% off Shop now ✕ Perfect
thank you! X "" has been copied to the clipboard
Shake To Reaveal Voucher [close] X Click me for great offers... Thanks... your
code is: X