<!DOCTYPE html>
<html lang="en">
<head>
<!-- /// it is very important this be first. it sets up blocking of third party tracking pixels -->
<script>
  (function(){(function(e,i,o){var n=document.createElement("link");n.rel="preconnect";n.as="script";var t=document.createElement("link");t.rel="dns-prefetch";t.as="script";var r=document.createElement("script");r.id="spcloader";r.type="text/javascript";r["async"]=true;r.charset="utf-8";
  window.didomiConfig=window.didomiConfig||{};window.didomiConfig.sdkPath=window.didomiConfig.sdkPath||o||"https://sdk.privacy-center.org/";const d=window.didomiConfig.sdkPath;var a=d+e+"/loader.js?target_type=notice&target="+i;
  if(window.didomiConfig&&window.didomiConfig.user){var c=window.didomiConfig.user;var s=c.country;var f=c.region;if(s){a=a+"&country="+s;if(f){a=a+"&region="+f}}}n.href=d;t.href=d;r.src=a;var m=document.getElementsByTagName("script")[0];
  m.parentNode.insertBefore(n,m);m.parentNode.insertBefore(t,m);m.parentNode.insertBefore(r,m)})("ff681872-98d2-41df-91d3-4a2db389b25f","t3iBr22n")})();
</script>

<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="Nkqkdu00yadtO6g3OPdBiCGP4kb477fCwczfr8GqzVhSUG6QeLnBDDCVph_UvR7UheBW-VDVbJ21cUPkB0AT2w" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Accept-CH" content="DPR, Viewport-Width, Width">
<!-- Preconnect to critical origins early so DNS/TCP/TLS are ready before scripts need them -->
<!-- Single source of truth for preconnect/dns-prefetch hints, gated by the same -->
<!-- conditions that decide whether each origin's script actually loads on this page. -->
<link crossorigin="anonymous" href="https://cl.wantable.com" rel="preconnect">
<link href="https://cl.wantable.com" rel="dns-prefetch">
<link crossorigin="anonymous" href="https://cdn.dynamicyield.com" rel="preconnect">
<link crossorigin="anonymous" href="https://st.dynamicyield.com" rel="preconnect">
<link href="https://cdn.dynamicyield.com" rel="dns-prefetch">
<link href="https://st.dynamicyield.com" rel="dns-prefetch">
<link href="https://rcom.dynamicyield.com" rel="dns-prefetch">
<link crossorigin="anonymous" href="https://js.sentry-cdn.com" rel="preconnect">
<link href="https://js.sentry-cdn.com" rel="dns-prefetch">
<link crossorigin="anonymous" href="https://chat.siena.cx" rel="preconnect">
<link href="https://chat.siena.cx" rel="dns-prefetch">
<link crossorigin="anonymous" href="https://accounts.google.com" rel="preconnect">
<link href="https://accounts.google.com" rel="dns-prefetch">
<link crossorigin="anonymous" href="https://connect.facebook.net" rel="preconnect">
<link href="https://connect.facebook.net" rel="dns-prefetch">
<link crossorigin="anonymous" href="https://www.googletagmanager.com" rel="preconnect">
<link href="https://www.googletagmanager.com" rel="dns-prefetch">


<style>.nav-featured-label{color:#7b2d39}; .nav-featured-link:hover{color:#7b2d39; text-decoration-color:#7b2d39};</style>
<meta name="turbo-prefetch" content="false">
<title>Wantable | Expert Personal Stylists</title>
<link rel="icon" type="image/png" href="/assets/favicon-new-32x32-0a7d8bf28c7f6e43350e5d63dcc23b17ae821b431ac344d8813a16db765bd889.png" sizes="32x32" />
<link rel="icon" type="image/x-icon" href="/assets/favicon-new-e22a8da4bc08a87b27e65679b649c868403df33fb937795d38b0aabbe5812aa4.ico" sizes="16x16" />
<meta name="title" content="Wantable | Expert Personal Stylists" id="meta_title">
<meta name="description" content="Build a look you love with your own online stylist. Get 7 premium pieces handpicked for your life, shape &amp; budget. Experience the easier way to shop with styles delivered to your door. Try before you buy at home–no clothing subscription required. Free delivery &amp; returns." id="meta_description">
<link href="https://www.wantable.com/stream/cozytober-style-edit-2026/" rel="canonical" id="meta-link">
<meta name="twitter:site" content="@wantableco">
<meta name="twitter:creator" content="@wantableco">
<meta name="twitter:domain" content="wantable.com">
<meta name="twitter:title" content="Wantable | Expert Personal Stylists" id="twitter-title">
<meta name="twitter:description" content="Build a look you love with your own online stylist. Get 7 premium pieces handpicked for your life, shape &amp; budget. Experience the easier way to shop with styles delivered to your door. Try before you buy at home–no clothing subscription required. Free delivery &amp; returns." id="twitter-description">
<meta property="fb:app_id" content="358254090908274">
<meta property="og:type" content="website" id="og-type">
<meta property="og:title" content="Wantable | Expert Personal Stylists" id="og-title">
<meta property="og:description" content="Build a look you love with your own online stylist. Get 7 premium pieces handpicked for your life, shape &amp; budget. Experience the easier way to shop with styles delivered to your door. Try before you buy at home–no clothing subscription required. Free delivery &amp; returns." id="og-description">
<meta property="og:url" content="https://www.wantable.com/stream/cozytober-style-edit-2026/" id="og-url">
<script type="application/ld+json">
{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://www.wantable.com/#website","url":"https://www.wantable.com/","name":"Wantable | Expert Personal Stylists","description":"Build a look you love with your own online stylist. Get 7 premium pieces handpicked for your life, shape \u0026 budget. Experience the easier way to shop with styles delivered to your door. Try before you buy at home–no clothing subscription required. Free delivery \u0026 returns.","publisher":{"@id":"https://www.wantable.com/#organization"},"inLanguage":"en-US"},{"@type":"Organization","@id":"https://www.wantable.com/#organization","name":"Wantable","legalName":"Wantable, Inc.","url":"https://www.wantable.com/","logo":{"@type":"ImageObject","url":"https://www.wantable.com/images/wantable-logo.png","width":300,"height":60},"foundingDate":"2012","founder":{"@type":"Person","name":"Jalem Getz"},"address":{"@type":"PostalAddress","streetAddress":"909 S. Barclay Street","addressLocality":"Milwaukee","addressRegion":"WI","postalCode":"53204","addressCountry":"US"},"telephone":"+1-855-926-8225","numberOfEmployees":{"@type":"QuantitativeValue","minValue":500},"aggregateRating":{"@type":"AggregateRating","ratingValue":"4.7","reviewCount":"1500","bestRating":"5","worstRating":"1"},"sameAs":["https://www.facebook.com/Wantableco","https://www.instagram.com/wantable/","https://twitter.com/wantableco","https://www.youtube.com/channel/UCsOBCIzgKOhxxRoI1EtaHaQ","https://www.pinterest.com/wantable/","https://www.trustpilot.com/review/wantable.com","https://www.linkedin.com/company/wantable","https://www.crunchbase.com/organization/wantable"]},{"@type":"Service","@id":"https://www.wantable.com/edits/style/#service","name":"Wantable Style Edit","alternateName":"Style Edit","description":"Personal styling subscription service delivering 7-9 curated women's clothing and accessory items handpicked by expert stylists based on your style preferences, body type, and budget. Try everything at home and return what you don't love with free shipping both ways.","url":"https://www.wantable.com/edits/style/","provider":{"@id":"https://www.wantable.com/#organization"},"serviceType":"Personal Styling","areaServed":{"@type":"Country","name":"United States"},"audience":{"@type":"PeopleAudience","audienceType":"Women","suggestedMinAge":18,"requiredMinAge":18},"category":["Personal Styling","Women's Fashion","Subscription Box"],"hasOfferCatalog":{"@type":"OfferCatalog","name":"Style Edit Pricing","itemListElement":[{"@type":"Offer","name":"Styling Fee","description":"$20 styling fee credited toward any purchase","price":"20.00","priceCurrency":"USD","priceSpecification":{"@type":"UnitPriceSpecification","price":"20.00","priceCurrency":"USD","referenceQuantity":{"@type":"QuantitativeValue","value":1,"unitText":"Edit"}}},{"@type":"Offer","name":"Keep 5+ Discount","description":"Get 20% off when you keep 5 or more items","priceSpecification":{"@type":"UnitPriceSpecification","priceCurrency":"USD","referenceQuantity":{"@type":"QuantitativeValue","value":1},"unitText":"Percent","unitCode":"P1","price":"20"}}]},"termsOfService":"https://www.wantable.com/terms"},{"@type":"Service","@id":"https://www.wantable.com/edits/active/#service","name":"Wantable Active Edit","alternateName":"Active Edit","description":"Personalized activewear subscription delivering 7-9 workout clothing items including leggings, sports bras, tops, and accessories. Expert stylists curate pieces based on your fitness activities, style preferences, and size. Try at home with free shipping and returns.","url":"https://www.wantable.com/edits/active/","provider":{"@id":"https://www.wantable.com/#organization"},"serviceType":"Personal Styling","areaServed":{"@type":"Country","name":"United States"},"audience":{"@type":"PeopleAudience","audienceType":"Women","suggestedMinAge":18},"category":["Personal Styling","Activewear","Fitness Apparel","Subscription Box"],"hasOfferCatalog":{"@type":"OfferCatalog","name":"Active Edit Pricing","itemListElement":[{"@type":"Offer","name":"Styling Fee","description":"$20 styling fee credited toward any purchase","price":"20.00","priceCurrency":"USD"},{"@type":"Offer","name":"Keep 5+ Discount","description":"Get 20% off when you keep 5 or more items","priceSpecification":{"@type":"UnitPriceSpecification","priceCurrency":"USD","referenceQuantity":{"@type":"QuantitativeValue","value":1},"unitText":"Percent","unitCode":"P1","price":"20"}}]}},{"@type":"Service","@id":"https://www.wantable.com/edits/sleep-body/#service","name":"Wantable Sleep \u0026 Body Edit","alternateName":"Sleep \u0026 Body Edit","description":"Personal styling service for loungewear, sleepwear, and intimates. Receive 7-9 curated pieces including pajamas, robes, bralettes, and cozy essentials. Expert stylists select items based on your comfort preferences and style. Free shipping and returns.","url":"https://www.wantable.com/edits/sleep-body/","provider":{"@id":"https://www.wantable.com/#organization"},"serviceType":"Personal Styling","areaServed":{"@type":"Country","name":"United States"},"audience":{"@type":"PeopleAudience","audienceType":"Women","suggestedMinAge":18},"category":["Personal Styling","Loungewear","Sleepwear","Intimates","Subscription Box"],"hasOfferCatalog":{"@type":"OfferCatalog","name":"Sleep \u0026 Body Edit Pricing","itemListElement":[{"@type":"Offer","name":"Styling Fee","description":"$20 styling fee credited toward any purchase","price":"20.00","priceCurrency":"USD"},{"@type":"Offer","name":"Keep 5+ Discount","description":"Get 20% off when you keep 5 or more items","priceSpecification":{"@type":"UnitPriceSpecification","priceCurrency":"USD","referenceQuantity":{"@type":"QuantitativeValue","value":1},"unitText":"Percent","unitCode":"P1","price":"20"}}]}},{"@type":"Service","@id":"https://www.wantable.com/edits/mens-active/#service","name":"Wantable Men's Active Edit","alternateName":"Men's Active Edit","description":"Personalized men's activewear subscription delivering 7-9 workout clothing items including shorts, shirts, joggers, and accessories. Expert stylists curate pieces based on your fitness activities, style preferences, and size. Try at home with free shipping and returns.","url":"https://www.wantable.com/edits/mens-active/","provider":{"@id":"https://www.wantable.com/#organization"},"serviceType":"Personal Styling","areaServed":{"@type":"Country","name":"United States"},"audience":{"@type":"PeopleAudience","audienceType":"Men","suggestedMinAge":18},"category":["Personal Styling","Men's Activewear","Fitness Apparel","Subscription Box"],"hasOfferCatalog":{"@type":"OfferCatalog","name":"Men's Active Edit Pricing","itemListElement":[{"@type":"Offer","name":"Styling Fee","description":"$20 styling fee credited toward any purchase","price":"20.00","priceCurrency":"USD"},{"@type":"Offer","name":"Keep 5+ Discount","description":"Get 20% off when you keep 5 or more items","priceSpecification":{"@type":"UnitPriceSpecification","priceCurrency":"USD","referenceQuantity":{"@type":"QuantitativeValue","value":1},"unitText":"Percent","unitCode":"P1","price":"20"}}]}},{"@type":"ProductCollection","@id":"https://www.wantable.com/#page","url":"https://www.wantable.com/","name":"Wantable | Expert Personal Stylists","description":"Build a look you love with your own online stylist. Get 7 premium pieces handpicked for your life, shape \u0026 budget. Experience the easier way to shop with styles delivered to your door. Try before you buy at home–no clothing subscription required. Free delivery \u0026 returns.","isPartOf":{"@id":"https://www.wantable.com/#website"},"about":{"@id":"https://www.wantable.com/#organization"},"primaryImageOfPage":{"@type":"ImageObject","url":"https://www.wantable.com/images/og-image.jpg"},"speakable":{"@type":"SpeakableSpecification","cssSelector":["h1",".hero-text",".service-description"]}},{"@type":"FAQPage","@id":"https://support.wantable.com","mainEntity":[{"@type":"Question","name":"How it works","acceptedAnswer":{"@type":"Answer","text":"Wantable is a personal styling service that combines expert stylists with technology to select pieces based on your size, preferences, and budget. Take a style quiz, optionally request items in the Stream, receive a curated delivery to try at home, and keep what you love—return the rest."},"url":"https://support.wantable.com/?a=How-does-Wantable-work---id--3EqOdbw8QDe4FhxyHaaNpw"},{"@type":"Question","name":"How do I change the frequency of my automatic shipments?","acceptedAnswer":{"@type":"Answer","text":"Go to your Plans page. Under Order Frequency, click the pencil icon and choose a new frequency. If you have more than one subscription category, update each frequency separately."},"url":"https://support.wantable.com/?a=How-do-I-change-the-frequency-of-my-automatic-shipments---id--yiKoQdxaTrWlTD-bAmXU0w"},{"@type":"Question","name":"How do I checkout?","acceptedAnswer":{"@type":"Answer","text":"Log in and visit Plan Manager or use the link in your delivery email. Checkout is available until your return is received and scanned by the carrier. If you don’t checkout before returning items, you’ll only be billed for what you kept. If your kept/returned items change after checkout, billing is adjusted when returns are processed."},"url":"https://support.wantable.com/?a=How-do-I-check-out---id--j17zteR_Qz6PbgvgZivBlA"},{"@type":"Question","name":"What if I can’t return my Edit within 5 days?","acceptedAnswer":{"@type":"Answer","text":"On your Plans page you can add a one-time 3-day extension to your Edit. Complete checkout, then click “Extend Due Date.” If you need more assistance or more than 3 additional days, contact support to request an adjustment."},"url":"https://support.wantable.com/?a=What-if-I-can%27t-return-my-Edit-within-5-days---id--BAVwkDemQFOAH8l7KwIFOQ"}]}]}
</script>

<!-- Preload primary fonts before any render-blocking scripts -->
<link rel="preload" href="/assets/Montserrat/Montserrat-VariableFont_wght-dbbbf436aaf315150139386960d3b0280d439841a24ed70454847c0046517b40.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="/assets/Playfair_Display/PlayfairDisplay-VariableFont_wght-8100bdc3542cd392629a22c1c4a5c97c726ab42e71c6bfedcd5d336cd6be5923.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<script>
  var addedUrls, attachStylesheet, attachWindowEvent, fileIsCached, fontUrls, injectRawStyle, storeAllFonts, storeFont;
  
  fontUrls = [{"url":"/assets/fonts-53b69beca46083e197366ae16d68406056787c766a88c5fa069166d5945e213a.css","stripe":true}];
  addedUrls = {};
  
  attachWindowEvent = function(el, ev, callback) {
    if (el.addEventListener) {
      return el.addEventListener(ev, callback, false);
    } else if (el.attachEvent) {
      return el.attachEvent('on' + ev, callback);
    }
  };
  
  (function() {
  
    var fileIsCached = function(url) {
      return localStorage[url] != null;
    };
  
    var storeFont = function(url) {
      var xhr;
      xhr = new XMLHttpRequest;
      xhr.open('GET', url, true);
      xhr.onreadystatechange = function() {
        if (xhr.readyState === 4) {
          return localStorage[url] = xhr.responseText;
        }
      };
      return xhr.send();
    };
  
    var storeAllFonts = function() {
      var font, i, len, results, url;
      results = [];
      for (i = 0, len = fontUrls.length; i < len; i++) {
        font = fontUrls[i];
        url = font.url;
        if (addedUrls[url] == null) {
          results.push(storeFont(url));
        } else {
          results.push(void 0);
        }
      }
      return results;
    };
  
    var attachStylesheet = function(url) {
      var stylesheet;
      stylesheet = document.createElement('link');
      stylesheet.href = url;
      stylesheet.rel = 'stylesheet';
      stylesheet.type = 'text/css';
      return document.head.appendChild(stylesheet);
    };
  
    var injectRawStyle = function(text) {
      var style;
      style = document.createElement('style');
      style.type = 'text/css';
      style.innerHTML = text;
      return document.head.appendChild(style);
    };
  
    var cleanupFonts = function() {
  
    };
  
    var font, i, len, results, url, noStorageAccess;
    results = [];
    for (i = 0, len = fontUrls.length; i < len; i++) {
      font = fontUrls[i];
      url = font.url;
      if (font.stripe) {
        window.stripeFontUrl = url;
      }
  
      try {
        noStorageAccess = (!window.localStorage || !window.addEventListener || !window.XMLHttpRequest);
      } catch (error){
        noStorageAccess = true;
      }
  
      if (noStorageAccess) {
        results.push(attachStylesheet(url));
      } else {
        if (fileIsCached(url)) {
          addedUrls[url] = true;
          results.push(injectRawStyle(localStorage[url]));
        } else {
          attachStylesheet(url);
          results.push(attachWindowEvent(window, 'load', storeAllFonts));
        }
      }
    }
  
    cleanupFonts();
  
    return results;
  })();
</script>

<script>
  window.currentUser = {"lifecycle_state":"Prospect","is_coupon_order":false,"coupon_name":null};
  window.env = "production";
</script>
<!-- Only load the import-map polyfill for browsers that don't support import maps natively, -->
<!-- so modern browsers skip this render-blocking request entirely -->
<script>
  if (!(window.HTMLScriptElement && HTMLScriptElement.supports && HTMLScriptElement.supports('importmap'))) {
    document.write('<script src="/assets/importmap_shims-1fb8361dec1794d9a7d472bd2f72e7a9fe377d2d7ef54eb726ca3cce64ef7bc1.js"><\/script>');
  }
</script>
<script src="https://accounts.google.com/gsi/client" defer="defer"></script>
<script>
  window.fbAsyncInit = () => {
    FB.init({
      appId: 358254090908274,
      autoLogAppEvents: true,
      xfbml: true,
      version: "v15.0",
    });
  };
</script>
<script src="https://connect.facebook.net/en_US/sdk.js" defer="defer" cross-origin="anonymous"></script>
<script type="importmap" data-turbo-track="reload">{
  "imports": {
    "@rails/request.js": "/assets/requestjs-6c2bbe9b699501db10a1cf038bd5dab068a85da520a94241dbccd07096e87dd4.js",
    "@hotwired/turbo-rails": "/assets/turbo-1317fb3da69e32632d1c9a01d2215614264b55025423324b77a04d2678b08861.js",
    "@hotwired/stimulus": "/assets/stimulus-dadb4f341b355f9b516a1f8478f017d16c7b53e71dd06a75f7263f5c2e2d209a.js",
    "@hotwired/stimulus-loading": "/assets/stimulus-loading-272afd2caf745101ec8848f4d1129eb8b1e6dc14c2ddb500c585eeab572e85a9.js",
    "@rails/ujs": "/assets/rails-ujs-481fb29c78314cd21e391a1d29e27fa6b6444c29c9661f58ffbf968755c0a047.js",
    "stimulus-use": "/assets/stimulus-use/dist/index-67a558aa3b3f04ad4a833e1b68e199b933a7eb991132b1d35870720f64c4aa4a.js",
    "application": "/assets/application-7a481acaba053f82d66393e9d2c14b387dd254af649f0a29a21928aca78544e3.js",
    "stripe": "https://js.stripe.com/v3/",
    "confetti": "https://esm.run/canvas-confetti@1",
    "controllers/account/avatar_upload_controller": "/assets/controllers/account/avatar_upload_controller-eed3771191b75683a7bdab7cae3f28088a1bd4663032364b5ef46fdfe5dfa08e.js",
    "controllers/account/billing_controller": "/assets/controllers/account/billing_controller-8cd949ca689f6b09b8709dbe471c712216732b07cb4117e88e1baef53c794001.js",
    "controllers/account/bra_size_gene_controller": "/assets/controllers/account/bra_size_gene_controller-d738f34ec5df76661c0b80d7e3513f87bc780ac37ed21553c14aece9ef1b9f29.js",
    "controllers/account/change_password_controller": "/assets/controllers/account/change_password_controller-c4adc01b0ce3456e7787284d83d8af470ae7b5d6da71f795016fccf321909fdc.js",
    "controllers/account/distance_gene_controller": "/assets/controllers/account/distance_gene_controller-b59e2a7b059c65084e8efda85e9f4efac9c6888f43090d852f888b82965b2840.js",
    "controllers/account/notes_controller": "/assets/controllers/account/notes_controller-258354098226bc7baa905408f1b2bcd529c12843ce1759bd7345ca1643ac9343.js",
    "controllers/account/pay_pal_card_controller": "/assets/controllers/account/pay_pal_card_controller-3f0903d525edeae0d264ad73ab06b37e4b959515e0657b30858d16fad5111fc3.js",
    "controllers/account/plan_controller": "/assets/controllers/account/plan_controller-8b31e1cd13be8d7ea33045073d06aea7c91435771afd10b256d75218f2b72287.js",
    "controllers/account/preferences_multi_select_controller": "/assets/controllers/account/preferences_multi_select_controller-799e1c86d929088010efe1bf2776792f6d272899ad30ae6d173fafa5205ce997.js",
    "controllers/account/profile_controller": "/assets/controllers/account/profile_controller-b0c72644239916be367847a743f16c20ba0a18b37601642f6a81371d723d0ebe.js",
    "controllers/account/shoe_size_gene_controller": "/assets/controllers/account/shoe_size_gene_controller-09672aace313074b99a0ff5300656b041a8514993844a71c15ee62972f910c85.js",
    "controllers/account/sidebar_controller": "/assets/controllers/account/sidebar_controller-825bb15f0aa91b2efc09aafc07e4903e3aecdc5dda3e26edebf1b2794221f8e2.js",
    "controllers/account/subscription_controller": "/assets/controllers/account/subscription_controller-969175df494e6efbdf830d5fcceb335b0c81523c7c2b229fd945264e5cad8866.js",
    "controllers/application": "/assets/controllers/application-5a41a7a2ef73256741f2eaa2cb8f097fce4920f423cf3989f5d7d02f5586c01b.js",
    "controllers/auth/apple_auth_controller": "/assets/controllers/auth/apple_auth_controller-9a1e6b21f02e8ec29f35e225df6c0fbc9a30503b25fba2991a838904b9f644d9.js",
    "controllers/auth/facebook_auth_controller": "/assets/controllers/auth/facebook_auth_controller-40c21b2a60d65240deb5aed2bcba6dac95191ba8604a7aa5f5be8be1e3f1fe54.js",
    "controllers/auth/google_auth_controller": "/assets/controllers/auth/google_auth_controller-d37786197059878fe24c0491c08dbe9309855235a98425bcb26d2542fe3d194a.js",
    "controllers/base_controller": "/assets/controllers/base_controller-ac19ce4632a1ce85b926b74635bbb1b3d787ea59cb45bf27f8794d18f50aa2b2.js",
    "controllers/body_controller": "/assets/controllers/body_controller-bf064b8158f852f067f5a0d1141cf8fba1f24aa40471b5f44e659d2b19f266fb.js",
    "controllers/box_preview_loading_controller": "/assets/controllers/box_preview_loading_controller-f1f48df5fcf03d67a49d7c87683586ba360384bf61fc599c389bc1cb801bf5fe.js",
    "controllers/box_preview_tooltip_controller": "/assets/controllers/box_preview_tooltip_controller-b51d5943f57a0b545358197b7ba0a1cc4e80c7d78501c083527e38da2af7c726.js",
    "controllers/character_counter_controller": "/assets/controllers/character_counter_controller-858e88c259595c14e7325ef60f33ab7cde837804bb394e5fb58a9cf23495a841.js",
    "controllers/checkout/billing_controller": "/assets/controllers/checkout/billing_controller-3d320d5b41bbc129650c906c308f2f64064456ff2bcd87217afec4caa2a21f51.js",
    "controllers/checkout/checkout_controller": "/assets/controllers/checkout/checkout_controller-be59a825a8033b397e44a7aeee9551fc15e5e9b0070e3438527acd01d7b6a663.js",
    "controllers/checkout/pay_pal_card_controller": "/assets/controllers/checkout/pay_pal_card_controller-94f87abf9b93371a3022e14a5a8c4bd8f9f24a995d4c767be273b97c129964a1.js",
    "controllers/checkout/shipping_controller": "/assets/controllers/checkout/shipping_controller-5caad0fad8f98beee83b7a27dd04742459bfda9bba46279c8351643606c77243.js",
    "controllers/checkout/subscribe_and_save_frequency_controller": "/assets/controllers/checkout/subscribe_and_save_frequency_controller-0b0ebd00f019f2a23ddba4c77ed74561e22073308f07a1baf6eb237479af52b4.js",
    "controllers/checkout/subscription_frequency_controller": "/assets/controllers/checkout/subscription_frequency_controller-9668d000b8223a59953700f78a0efcfe4da26d71a1b031f6f4212565e7cb1718.js",
    "controllers/checkout/summary_controller": "/assets/controllers/checkout/summary_controller-afc18df9aae22a4499675ef05cf22f58c86828f6429023a49fc19bdf33922592.js",
    "controllers/clipboard_controller": "/assets/controllers/clipboard_controller-b8fff33334cac436d13257bd22783d7393851fb74bbccfca76673a53e4c4935c.js",
    "controllers/components/button_controller": "/assets/controllers/components/button_controller-4abaf08d12d59cb0382e9b28a17ad36c3d36432f4fdba07b0df1a0d45f3814c1.js",
    "controllers/components/custom_select_controller": "/assets/controllers/components/custom_select_controller-fb28e16142b79e1ece981e96d12f71dab25918a559f88299ab4b7f2a1b127dd8.js",
    "controllers/components/date_slasher_controller": "/assets/controllers/components/date_slasher_controller-29073174f41efcee4248a528ed405fc6f629d47901f96f52dc1f8f4e1cd01043.js",
    "controllers/components/early_loader_controller": "/assets/controllers/components/early_loader_controller-b800c1b528857341d8718741ed56a3e508bc465fbf0f33569cf9d0677416627d.js",
    "controllers/components/filters_form_controller": "/assets/controllers/components/filters_form_controller-f880867743ea1f771e8ac7cd9a04bb0508f12f53f81519cce7f31130e715cc56.js",
    "controllers/components/navigator_controller": "/assets/controllers/components/navigator_controller-930a2a3d279898e8be2342a82424a257a0cfdb0f20ac5b63c9830daf2a2782f1.js",
    "controllers/components/range_slider_controller": "/assets/controllers/components/range_slider_controller-58775cd65adf614551fc2f7d818df3126c7cf4c685e56d88b05e1ad71398cc81.js",
    "controllers/components/scrollto_top_controller": "/assets/controllers/components/scrollto_top_controller-4c34a02c9f2ebc090a1cd9c5fef88c5ecd8af14b5d9b2ec30c2587d630a42181.js",
    "controllers/components/stream_search_controller": "/assets/controllers/components/stream_search_controller-1e4306cca6759b2fd142124f8e56bec0d6cea4bd8323a4bdb40ee53238b3ae40.js",
    "controllers/components/stripe_setup_intent_controller": "/assets/controllers/components/stripe_setup_intent_controller-e5a5ee06c4a20c8aa94432ea3bc3f6de9ec9dd8f4330b8f7b6ba182c3d305764.js",
    "controllers/components/text_cleaner_controller": "/assets/controllers/components/text_cleaner_controller-36f8996155feed3e4591fe41edd2d32f894a12bf1a82d47a590b401300b8d2cf.js",
    "controllers/components_controller": "/assets/controllers/components_controller-a3ce6aaa47efc51690b8a24885001faf5eeadc73fedb80409b9d30d15cd78f08.js",
    "controllers/debug_tools/become_search_controller": "/assets/controllers/debug_tools/become_search_controller-b900d67bc895d72ffaf5441299c18af382159e7ad229adbc4077b21a16449fa4.js",
    "controllers/debug_tools/expandable_controller": "/assets/controllers/debug_tools/expandable_controller-38a30bb56871d5b868919bc61b71cd87968e5c3e6d669ba8eb4e356000f14839.js",
    "controllers/delayed_hide_controller": "/assets/controllers/delayed_hide_controller-096648092a07160fabf40cfe7aad308a6385cc7cb92bead042a7e3ccf4992822.js",
    "controllers/dpa/expedite_controller": "/assets/controllers/dpa/expedite_controller-2c626b23577ec111bbe35c2bc1a0561fa88fafc279da63b43096c18320329eca.js",
    "controllers/dpa/hero_controller": "/assets/controllers/dpa/hero_controller-f52532aa51bf2d262d505fbea6ef1ebdfc3c76d924f87ccbb6a59bf0985c685e.js",
    "controllers/dpa/hero_sizes_controller": "/assets/controllers/dpa/hero_sizes_controller-ebb8920d76efcf8b1a65c0b8b05b4fa418952928d3f06838634a78c8b2018090.js",
    "controllers/dy/stream_card_controller": "/assets/controllers/dy/stream_card_controller-09c886f880986dca4e8807363a6c3c7672d565d434a96626dce24a698203029c.js",
    "controllers/dy/watcher_controller": "/assets/controllers/dy/watcher_controller-70e72472906357254ac8a7ee8fdf0ad9a1e38ba27a91f81cfe199322af69c95a.js",
    "controllers/emulator/index_controller": "/assets/controllers/emulator/index_controller-9d1a151038dc401b0bc19de868730801a89d347c185a4206bf65df3889fc03b9.js",
    "controllers/emulator/poll_controller": "/assets/controllers/emulator/poll_controller-f55c88c4ff4ead7c6d8fed2f34d754927ce4a30ee059f1880b30bb105d12e8dc.js",
    "controllers/gifts_controller": "/assets/controllers/gifts_controller-4d51d9e64969ea8624f37739f0de37ea417d9570ece24f1c7ef2270b1f032180.js",
    "controllers/google_analytics_controller": "/assets/controllers/google_analytics_controller-33cfa2b6e9709f7666636f81662e414cfd8e489f807d29a9678df52f43cad681.js",
    "controllers/header/header_scroll_controller": "/assets/controllers/header/header_scroll_controller-5ce5555513ac6e2e7c2c3ada3a58617a45ce818775d3c5db37d06b81cdbbb3cc.js",
    "controllers/header/mega_menu_controller": "/assets/controllers/header/mega_menu_controller-3b1d3ced2888fadc1504eb41a56129da16ed5dced9fcb2205a14bd30bba253cc.js",
    "controllers/header/promo_bar_controller": "/assets/controllers/header/promo_bar_controller-94214c1bcce5493e55d2a1608f41dc6ca5440901bb060f6a5a137ded964fe4d2.js",
    "controllers/header/slide_menu_controller": "/assets/controllers/header/slide_menu_controller-b5c635b0eadfc7fc36236d0f90b9ef12dfa03d622f4b946c10909d97dcbe9263.js",
    "controllers/image_slider_controller": "/assets/controllers/image_slider_controller-e7d7216d668d1a5c5201df0e340fc87a17575e0507e12d89651ad8240e92dd3f.js",
    "controllers": "/assets/controllers/index-e9134aae18a8d2c7bdb169918c39c61c0b0e5068913ddc0b96e7e417e1ec7297.js",
    "controllers/lazy_image_controller": "/assets/controllers/lazy_image_controller-e7f101edd312510f59b6ba59aab25af5439d5b9bfea0812b3ffac8577aa54a10.js",
    "controllers/loyalty_controller": "/assets/controllers/loyalty_controller-4de078001e6cb2910505a34c868c832d5daef88a7d67a0decb856e1767716d1c.js",
    "controllers/modal_controller": "/assets/controllers/modal_controller-935f5edf018e0b165eb5f3e16983cdd9868ad2c7e66df61009568f1502bfc677.js",
    "controllers/plans/theme_form_controller": "/assets/controllers/plans/theme_form_controller-a46ffa6e81587af8e48a2e4d22873c14cfd94ff2e636db37e4d78328966777fd.js",
    "controllers/quiz/auto_scroll_controller": "/assets/controllers/quiz/auto_scroll_controller-a8c3dbb59484e95f4da998e22d217fab05c1c7b205f64bea6f1bf6b89ad86d13.js",
    "controllers/quiz/birth_date_controller": "/assets/controllers/quiz/birth_date_controller-f5e63d2441f452dc02fd31d84398e2a251311f57a0982a17445b39b90912d2df.js",
    "controllers/quiz/birthday_controller": "/assets/controllers/quiz/birthday_controller-d1bbb88658d501dceffdef7ff6506a5d1adc409a0bf3559bc11baaa80579ecc1.js",
    "controllers/quiz/bra_size_quiz_gene_controller": "/assets/controllers/quiz/bra_size_quiz_gene_controller-6931e9f1221ce847cc31fe0ea0be6c5c2a3a09401f6a1eb7d414249457b8274e.js",
    "controllers/quiz/confetti_controller": "/assets/controllers/quiz/confetti_controller-04381bbf5901a8a77a8400af4e9a3fe1445111343eceedb8849508e7bd08ffb0.js",
    "controllers/quiz/dismiss_controller": "/assets/controllers/quiz/dismiss_controller-505dfd1e103b285d645a171aa35788f22b3ed625a166f8fba396d06018d93562.js",
    "controllers/quiz/distance_quiz_gene_controller": "/assets/controllers/quiz/distance_quiz_gene_controller-ba263a7420ed79b9a60e2b711cf22f04cdf60eaaaeb8e417d987e8195b4e4a05.js",
    "controllers/quiz/dropdown_quiz_gene_controller": "/assets/controllers/quiz/dropdown_quiz_gene_controller-eb6c9f277c603eabcf424a0fe7ddff54492200de89f56810fa366a7014e21c99.js",
    "controllers/quiz/exit_controller": "/assets/controllers/quiz/exit_controller-9168ea755ea8ce72f7f5162aa060c8b896641e96d95d0eefe1bf3ee8f57bd809.js",
    "controllers/quiz/miscellaneous_quiz_gene_controller": "/assets/controllers/quiz/miscellaneous_quiz_gene_controller-5303236aac9846487009e12679d8ba3e0fb0856de0ffe02fad8c859190f24577.js",
    "controllers/quiz/normal_quiz_gene_controller": "/assets/controllers/quiz/normal_quiz_gene_controller-818688f18b178e9d543f2d6d6a8d2d033bd171e9a84f03feaacf96b657233d98.js",
    "controllers/quiz/quick_prompt_controller": "/assets/controllers/quiz/quick_prompt_controller-d77682144b17d08f479c68d411e5c615e48d4d6a87bf0238cef08af6b501d51e.js",
    "controllers/quiz/quiz_controller": "/assets/controllers/quiz/quiz_controller-fea318e89ff3b0e1c4787b78ed8754dc91bf673e54702652e75d5944f571c8a0.js",
    "controllers/quiz/shared_size_update_controller": "/assets/controllers/quiz/shared_size_update_controller-6fb09154dfa04cadac1d701a61bc2ab3869a460a90f05ab3a4759a3125b71cf6.js",
    "controllers/quiz/shoe_size_quiz_gene_controller": "/assets/controllers/quiz/shoe_size_quiz_gene_controller-619c8e0d71522dcae4ceff5278856ee989ee2b40dfaec741da5be3c709c3bb21.js",
    "controllers/quiz/single_quiz_gene_controller": "/assets/controllers/quiz/single_quiz_gene_controller-22cdad4af96de645f10a2371ced52d4af4a966e893ebbe98a6207af2a0560794.js",
    "controllers/quiz/size_guide_controller": "/assets/controllers/quiz/size_guide_controller-b0bcc0a464ccbc35119e76b4f155d9620360ed3c349dec6f2ffba6adafcb0186.js",
    "controllers/quiz/slider_controller": "/assets/controllers/quiz/slider_controller-e162c3480589fc0b6495007aae06b78f45a819caa32c79237e97dd6a7d36e40c.js",
    "controllers/quiz/style_picks_controller": "/assets/controllers/quiz/style_picks_controller-4fd15967a8bab9879a12bf7021f2b31f594eca548d5923d20e03e91fbd70c586.js",
    "controllers/quiz/type_to_filter_controller": "/assets/controllers/quiz/type_to_filter_controller-f463a713d877324ab681134e5c806eb75af3ca0d06cbd6078a378de1fff4cff6.js",
    "controllers/self_checkout/billing_modal_controller": "/assets/controllers/self_checkout/billing_modal_controller-d678e169838979555e8210cd45ad9f824aee79cd7c16890d860491e0f5be1dc4.js",
    "controllers/self_checkout/dy_controller": "/assets/controllers/self_checkout/dy_controller-9e7e9fdb755faa6153907bdfb8bb4e219e2d2009534c2ee2c1fb1472b2a49ac4.js",
    "controllers/self_checkout/feedback_review_controller": "/assets/controllers/self_checkout/feedback_review_controller-2e89e23feace9c0e5ed0b243aae2b01aa1120098ddaf3ea5a06a4b03f7e9b17c.js",
    "controllers/self_checkout/order_controller": "/assets/controllers/self_checkout/order_controller-36bd75107face56ed23123c030f3a8199256a06c1942b343785c84ab8d5428df.js",
    "controllers/self_checkout/pay_pal_card_controller": "/assets/controllers/self_checkout/pay_pal_card_controller-df50faa016214530153486534453d741391426307fa682adea6c3388b521f06f.js",
    "controllers/self_checkout/progress_controller": "/assets/controllers/self_checkout/progress_controller-3b7a0a60a81926c47dd8010168089dedfa81d84e10cc0287ace1c0266a1e18f8.js",
    "controllers/self_checkout/stripe_bnpl_button_controller": "/assets/controllers/self_checkout/stripe_bnpl_button_controller-eac44ef538f0ff9f950ce7d9b34d0b5c92441cafa5adbe02d0d5596e95f4a826.js",
    "controllers/self_checkout/stripe_bnpl_modal_controller": "/assets/controllers/self_checkout/stripe_bnpl_modal_controller-02e3c1fc96fde389d3595a06c9dc2f0ed104fb26e2fd7a90953246da0dbd295b.js",
    "controllers/self_checkout/summary_controller": "/assets/controllers/self_checkout/summary_controller-1741091cef9f5aeaf5a9a6d4db8e18ce252e26527b793f2dd2853e6356b162ea.js",
    "controllers/self_checkout/variant_item_modal_controller": "/assets/controllers/self_checkout/variant_item_modal_controller-ed3e0630bf94c028db310e7c7b5ce04866dab0fd2e41d8c7a576fefd9f260900.js",
    "controllers/simple_slider_controller": "/assets/controllers/simple_slider_controller-9f2178139219bb11211a4de1b744a741a0b1d87ace94ecd7861c2c2dcffe110b.js",
    "controllers/sticky_controller": "/assets/controllers/sticky_controller-1950d4dbc94c01b5b9587009cf89deb8f568a8f288b5666aa7a1c7c09c3c143b.js",
    "controllers/stream/action_button_controller": "/assets/controllers/stream/action_button_controller-64792bd60592ecf85649049c25089599feaf9d0995a75d38a6021f0b499e0d01.js",
    "controllers/stream/action_tooltip_controller": "/assets/controllers/stream/action_tooltip_controller-96b80fafe286a82baa4a97607adb02352379a2aaa701166ccdc1575a4aaee3c8.js",
    "controllers/stream/badge_filter_controller": "/assets/controllers/stream/badge_filter_controller-3a8724b590006b3c2d4383cb39bc59cba7febb5fcd6bfd37b6f488cc35a11669.js",
    "controllers/stream/color_panel_controller": "/assets/controllers/stream/color_panel_controller-3eeb2b11cfaa70d757c523449776e4fc927213bbb38e4d9b5918c2e1b8397877.js",
    "controllers/stream/most_wanted_button_controller": "/assets/controllers/stream/most_wanted_button_controller-d2ae3095b7cb8da31e05f72fbda474828d4aef5041af172a4f07e425ca983182.js",
    "controllers/stream/stream_controller": "/assets/controllers/stream/stream_controller-06446aa671e6db9555abcb525d37df4a2dd094167565c8135787643d33e7e3aa.js",
    "controllers/stream/stream_request_decline_controller": "/assets/controllers/stream/stream_request_decline_controller-6d28edcf8c8bc202060ea456b496ab1bc45bd618a6bd9b355af1c80cbdc0b557.js",
    "controllers/stream/variant_feedback_controller": "/assets/controllers/stream/variant_feedback_controller-ccc57de7efc5d116fb3ec1bd3872ab02b4a35d0f013570f183bd70d42e343b88.js",
    "controllers/stylist_preview/feedback_chips_controller": "/assets/controllers/stylist_preview/feedback_chips_controller-b58b005f01d65db0c92d22bd9915defe6963f9eed0a30e63075e16e6fde37f8b.js",
    "helpers/constants": "/assets/helpers/constants-bea99ae326dab2864b93e0a9313de5af5a79c8555ed83a3925294d3c500ae949.js",
    "helpers/custom_events": "/assets/helpers/custom_events-e7dd163b928c2e6dc9da1aa39ea0d3474cfe0c64c32bf4d661d60cc8a687c4bd.js",
    "helpers/debounce": "/assets/helpers/debounce-9ab095708d65a9ade14ba799f556979c1e889ea3f4e2c97a4784f85bb75f7984.js",
    "helpers/error_message_helper": "/assets/helpers/error_message_helper-6bcd0b2889c021b65749a09c91620be378ffa01adcec9255ac37409152bfc9a1.js",
    "helpers/general_helpers": "/assets/helpers/general_helpers-c929d55c8404d8b8b09d0bdab2d8435dabafab761202c34d4937c06ad1bbb941.js",
    "helpers/pay_pal_helper": "/assets/helpers/pay_pal_helper-d94d2918ccd1e340b3508f27cb8123c76d67361f31a8ffdfb0907b2286e81747.js",
    "helpers/smarty_helper": "/assets/helpers/smarty_helper-a66570f88cffd6a5f0ba50aeaeeb07afa3dcaf46775c509ba7ae044ac0037a81.js",
    "helpers/sms_authentication_helper": "/assets/helpers/sms_authentication_helper-e9ff74756021fc0cfc017ca6d118eebbb71cadbe668dc771fb9d20ae5410be37.js",
    "helpers/stripe": "/assets/helpers/stripe-8c79a903d09eb682798a7e06c9902e0e00b6b277d97f80ea2a3e7e03c27cba6f.js"
  }
}</script>
<link rel="modulepreload" href="/assets/requestjs-6c2bbe9b699501db10a1cf038bd5dab068a85da520a94241dbccd07096e87dd4.js">
<link rel="modulepreload" href="/assets/turbo-1317fb3da69e32632d1c9a01d2215614264b55025423324b77a04d2678b08861.js">
<link rel="modulepreload" href="/assets/stimulus-dadb4f341b355f9b516a1f8478f017d16c7b53e71dd06a75f7263f5c2e2d209a.js">
<link rel="modulepreload" href="/assets/stimulus-loading-272afd2caf745101ec8848f4d1129eb8b1e6dc14c2ddb500c585eeab572e85a9.js">
<link rel="modulepreload" href="/assets/rails-ujs-481fb29c78314cd21e391a1d29e27fa6b6444c29c9661f58ffbf968755c0a047.js">
<link rel="modulepreload" href="/assets/stimulus-use/dist/index-67a558aa3b3f04ad4a833e1b68e199b933a7eb991132b1d35870720f64c4aa4a.js">
<link rel="modulepreload" href="https://js.stripe.com/v3/">
<script type="module">import "application"</script>
<script>
  window.localStorageAccess = function(){
    try {
      return !(!window.localStorage || !window.addEventListener || !window.XMLHttpRequest);
    } catch (error){
      return false;
    }
  }
</script>
<style>
  /* Critical CSS - Header & Hero */
  .hidden{display:none}
  .block{display:block}
  .flex{display:flex}
  .inline-flex{display:inline-flex}
  .relative{position:relative}
  .absolute{position:absolute}
  .fixed{position:fixed}
  .sticky{position:sticky}
  .top-0{top:0}
  .z-10{z-index:10}
  .z-100{z-index:100}
  .w-full{width:100%}
  .h-full{height:100%}
  .overflow-x-clip{overflow-x:clip}
  .items-center{align-items:center}
  .justify-center{justify-content:center}
  .justify-between{justify-content:space-between}
  .flex-row{flex-direction:row}
  .flex-col{flex-direction:column}
  .bg-white{background-color:#fff}
  .bg-forest_green{background-color:#57695B}
  .bg-cool_gray{background-color:#E8E7E3}
  .bg-off_black{background-color:#1E1E1E}
  .text-white{color:#fff}
  .text-black{color:#000}
  .text-forest_green{color:#57695B}
  .text-off_black{color:#1E1E1E}
  .border{border-width:1px}
  .border-b{border-bottom-width:1px}
  .border-cool_gray{border-color:#E8E7E3}
  .border-forest_green{border-color:#57695B}
  .rounded-full{border-radius:9999px}
  .font-primary{font-family:'Montserrat','Montserrat Fallback',sans-serif}
  .font-secondary{font-family:'Playfair Display','Playfair Display Fallback',serif}
  .font-bold{font-weight:700}
  .font-black{font-weight:900}
  .font-semibold{font-weight:600}
  .text-xs{font-size:.75rem;line-height:1rem}
  .text-sm{font-size:.875rem;line-height:1.25rem}
  .text-lg{font-size:1.125rem;line-height:1.75rem}
  .text-xl{font-size:1.25rem;line-height:1.75rem}
  .text-2xl{font-size:1.5rem;line-height:2rem}
  .underline{text-decoration-line:underline}
  .underline-offset-2{text-underline-offset:2px}
  .underline-offset-4{text-underline-offset:4px}
  .mx-auto{margin-left:auto;margin-right:auto}
  .my-3{margin-top:.75rem;margin-bottom:.75rem}
  .mt-4{margin-top:1rem}
  .mb-6{margin-bottom:1.5rem}
  .mr-2{margin-right:.5rem}
  .mr-3{margin-right:.75rem}
  .ml-2{margin-left:.5rem}
  .ml-3{margin-left:.75rem}
  .ml-4{margin-left:1rem}
  .p-1{padding:.25rem}
  .p-2{padding:.5rem}
  .p-4{padding:1rem}
  .px-1{padding-left:.25rem;padding-right:.25rem}
  .px-4{padding-left:1rem;padding-right:1rem}
  .py-2{padding-top:.5rem;padding-bottom:.5rem}
  .h-4{height:1rem}
  .h-5{height:1.25rem}
  .h-8{height:2rem}
  .h-10{height:2.5rem}
  .h-\[28px\]{height:28px}
  .h-\[32px\]{height:32px}
  .h-\[36px\]{height:36px}
  .h-\[60px\]{height:60px}
  .w-4{width:1rem}
  .w-5{width:1.25rem}
  .w-8{width:2rem}
  .w-10{width:2.5rem}
  .w-\[28px\]{width:28px}
  .w-\[32px\]{width:32px}
  .w-\[36px\]{width:36px}
  .gap-2{gap:.5rem}
  .gap-3{gap:.75rem}
  .gap-4{gap:1rem}
  .gap-6{gap:1.5rem}
  .transition-all{transition-property:all}
  .hero-slider{margin-top:-100px;height:600px;min-height:600px}
  .hero-slider .montserrat-bold{font-family:"Montserrat",sans-serif;font-optical-sizing: auto;font-weight:600;font-style:normal;}
  .hero-slider .montserrat-regular{font-family:"Montserrat",sans-serif;font-optical-sizing: auto;font-weight:400;font-style:normal;}
  .hero-slider .swiper,.hero-slider .swiper-wrapper{width:100%;height:600px;position:relative;}
  .hero-slider .swiper-slide{background:#444;display:flex;justify-content:center;flex-direction:column;position:relative;height:600px;overflow:hidden;}
  .hero-slider .swiper-slide img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;}
  .hero-slider .navigation-true{position:absolute;background:white;border-radius:9999px;display:flex;justify-content:space-between;z-index:9999;padding:6px;min-width:60px;opacity:0;animation:fade-in-anim 2.5s linear forwards;}
  .hero-slider .navigation-true.left{bottom:30px;left:40px;}
  .hero-slider .navigation-true.right{bottom:30px;right:40px;}
  .hero-slider .navigation-false {display:none;}
  .hero-slider .swiper-button-next,.hero-slider .swiper-button-prev{display:flex;justify-content:center;align-items:center;stroke:#1e1e1e;position:relative;z-index:9;top:0;left:0;right:0;bottom:0;margin:0;padding:0;height:auto;width:auto;}
  .hero-slider .swiper-button-next svg, .hero-slider .swiper-button-prev svg {width:24px;height:24px;stroke:#1e1e1e;fill:none;}
  .hero-slider .swiper-button-next.swiper-button-disabled svg, .hero-slider .swiper-button-prev.swiper-button-disabled svg {opacity:0.5;}
  .hero-slider .slide-content {position:absolute;padding:80px;max-width:800px;}
  .hero-slider .slide-content-top {top:0;}
  .hero-slider .slide-content-middle {top:50%;transform:translateY(50%);}
  .hero-slider .slide-content-bottom {bottom:0;}
  .hero-slider .slide-content-left {left:0;}
  .hero-slider .slide-content-middle {left:50%;transform:translateX(50%);}
  .hero-slider .slide-content-right {right:0;}
  .hero-slider .slide-title {margin: 0 0 10px 0;transform:translateX(-200%);opacity:0;}
  .hero-slider .slide-text {margin: 0 0 20px 0;transform:translateX(-200%);opacity:0;}
  .hero-slider .slide-button {display:flex;justify-content:center;align-items:center;max-width:280px;padding:10px;text-transform:uppercase;transform:translateY(1000%);text-decoration:none;font-size:18px;opacity:0;}
  .hero-slider .swiper-slide-active .slide-title {animation: slide-in-anim 1.5s ease-out forwards;}
  .hero-slider .swiper-slide-active .slide-text {animation: slide-in-anim 1.5s ease-out forwards;animation-delay: 0.5s;}
  .hero-slider .swiper-slide-active .slide-button {animation: slide-up-anim 1.5s ease-out forwards;animation-delay: 0.25s;}
  @keyframes slide-in-anim {20% {opacity: 0;}100% {opacity: 1;transform: translateX(0%);}}
  @keyframes slide-up-anim {20% {opacity: 0;}100% {opacity: 1;transform: translateY(0%);}}
  @keyframes fade-in-anim {20% {opacity: 0;}100% {opacity: 1;}}
  .hero-slider .swiper-slide img.mobile-img {display:none;}
  .hero-slider:not(.swiper-initialized) .swiper-slide:first-child img.desktop-img {display:block;}
  .hero-slider .swiper-slide.swiper-slide-active img.desktop-img {display:block;}
  @media only screen and (max-width: 767.98px) {
    .hero-slider{margin-top:0;}
    .hero-slider .navigation{bottom:20px;right:20px;}
    .hero-slider .slide-content{padding: 0 20px 80px;}
    .hero-slider .slide-title{margin: 0 0 10px 0;transform:translateX(-200%);opacity:0;}
    .hero-slider .slide-text{margin: 0 0 20px 0;transform:translateX(-200%);opacity:0;}
    .hero-slider .slide-button{max-width:unset;}
    .hero-slider:not(.swiper-initialized) .swiper-slide:first-child img.mobile-img{display:block;background:#1e1e1e;}
    .hero-slider .swiper-slide.swiper-slide-active img.mobile-img{display:block;background:#1e1e1e;}
    .hero-slider .swiper-slide img.desktop-img{display:none!important;}
  }
  .hide-element {display:none!important;}
</style>

<link href="/assets/tailwind-9a88a41e13303724eb95ded1a2124fa1594ff4937d2a8ea87cb610a7a1561f9b.css" media="print" onload="this.media=&#39;all&#39;" rel="stylesheet">
<noscript>
<link rel="stylesheet" href="/assets/tailwind-9a88a41e13303724eb95ded1a2124fa1594ff4937d2a8ea87cb610a7a1561f9b.css" data-turbo-track="reload" />
</noscript>
<script data-turbo-track="reload" data-turbo-permanent="true" id="safe_dy_failer">
//<![CDATA[
window.safeOnDYFailed = function(){
  if (window.dyFailed != null) {
    window.dyFailed();
  } else {
    setTimeout(window.safeOnDYFailed, 1500);
  }
};

//]]>
</script><script src="/assets/dy_watcher-5f8e4030ef49e390da8df881b85d515c62c8b0cf43f744d6f5f020fde4238e1c.js" data-turbo-track="reload" data-turbo-permanent="true" async="async" id="dy_watcher"></script>
<script src="//cdn.dynamicyield.com/api/8767185/api_dynamic.js" async="async" onerror="safeOnDYFailed()"></script>
<script src="//cdn.dynamicyield.com/api/8767185/api_static.js" async="async" onerror="safeOnDYFailed()"></script>
<script src="/assets/fallback_js_loader-abecdbbdabae2cf93be21e8ae6ed2f2d1f994f4fbb51df20cd9945438ae8b90b.js" data-turbo-track="reload" data-turbo-permanent="true" id="fallback_js_loader"></script>

</head>
<body class="overflow-x-clip" data-action="turbo:frame-missing-&gt;body#frame_missing turbo:fetch-request-error-&gt;body#error turbo:before-fetch-response-&gt;body#response" data-controller="body components--button header--header-scroll header--mega-menu header--slide-menu" data-header--mega-menu-header--header-scroll-outlet="body" data-header--mega-menu-header--promo-bar-outlet="#promo-bar">
<div id="site-wide-banner"></div>
<div class="hidden my-3" id="unknown-error">
<div class="pointer-events-none absolute inset-y-0 right-0 mt-3.5 pr-3">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="15" stroke="#B23338" viewBox="0 0 15 14" width="15" class="stroke-error">
  <rect fill="none" height="14" rx="7" width="14" x="0.780273"></rect>
  <path d="M7.78027 2V8" stroke="#B23338"></path>
  <circle cx="7.78027" cy="10.5" fill="#B23338" r="0.5" stroke="#B23338"></circle>
</svg>

</div>
<p class="flex flex-row items-center text-sm text-left text-error mt-2">
Unknown error. Please refresh the page and try again.
</p>

</div>
<script>
  window.WANTABLE_GOOGLE_CLIENT_ID = "194984434502-3ltbktlpnlh4jiv4qqsiqrog6snij52q.apps.googleusercontent.com";
</script>
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-XMMF"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XMMF');</script>
<!-- End Google Tag Manager -->

<div class="relative z-50 bg-forest_green" data-controller="header--promo-bar" id="promo-bar">
<div class="mx-auto flex h-9 max-w-screen-2xl items-center justify-between px-6 text-xs font-primary tracking-wider uppercase">
<div class="hidden md:flex items-center gap-5 text-topbar-text">
<a class="text-white inline-flex flex-col items-center justify-between after:content-[attr(data-text)] after:h-0 after:invisible after:overflow-hidden after:font-bold hover:font-bold transition-colors duration-200" data-text="Gift Wantable" href="/gift-cards/">Gift Wantable</a>
<a class="text-white inline-flex flex-col items-center justify-between after:content-[attr(data-text)] after:h-0 after:invisible after:overflow-hidden after:font-bold hover:font-bold transition-colors duration-200" data-text="Help" href="https://support.wantable.com/">Help</a>
</div>
<div class="relative flex-1 text-center">
<div class="relative h-full">
<span class="promo-slide absolute inset-0 flex items-center justify-center text-white opacity-100 select-none" data-header--promo-bar-target="slide">Free Shipping &amp; Free Returns — Always</span>
<span class="promo-slide absolute inset-0 flex items-center justify-center text-white opacity-0 select-none" data-header--promo-bar-target="slide">$20 Styling Fee Applied to What You Keep</span>
<span class="promo-slide absolute inset-0 flex items-center justify-center text-white opacity-0 select-none" data-header--promo-bar-target="slide">Keep More, Save More — Up to $90 Cashback</span>
<span class="invisible text-white text-sm select-none">Free Shipping &amp; Free Returns — Always</span>
</div>
</div>
<div class="hidden md:flex items-center gap-5 text-topbar-text">
<div class="relative flex justify-center items-center ml-8">
<a aria-label="My Wantable Rewards" target="_blank" class="font-normal" rel="noopener" data-turbo="false" href="https://try.wantable.com/mywantable-rewards"><svg xmlns="http://www.w3.org/2000/svg" id="rewards-logo" data-name="Layer 1" viewBox="0 0 213.67 43.16" class="h-5 white">
  <defs>
    <style>
      #rewards-logo .cls-1 {
        fill: #000;
      }

      #rewards-logo .cls-1, #rewards-logo .cls-2 {
        stroke-width: 0px;
      }

      #rewards-logo .cls-2 {
        fill: #62B5E5;
      }
      #rewards-logo.white .cls-1 {
        fill: #fff;
      }
    </style>
  </defs>
  <g>
    <g>
      <path class="cls-1" d="M46,14.95c-.06-.19-.13-.42-.13-.61,0-.91.76-1.59,1.67-1.59.76,0,1.38.49,1.59,1.16l2.94,9.08,2.96-8.99c.25-.76.83-1.29,1.65-1.29h.25c.83,0,1.4.51,1.65,1.29l2.96,8.99,2.94-9.08c.21-.64.76-1.16,1.57-1.16.89,0,1.61.68,1.61,1.57,0,.19-.06.44-.13.64l-4.15,11.64c-.3.83-.91,1.33-1.69,1.33h-.34c-.78,0-1.38-.49-1.67-1.33l-2.92-8.49-2.92,8.49c-.3.85-.89,1.33-1.67,1.33h-.34c-.78,0-1.4-.51-1.69-1.33l-4.15-11.64Z"></path>
      <path class="cls-1" d="M73.36,25.59l5.16-11.66c.36-.8,1.02-1.29,1.91-1.29h.19c.89,0,1.52.49,1.88,1.29l5.16,11.66c.11.23.17.44.17.66,0,.87-.68,1.57-1.54,1.57-.76,0-1.27-.44-1.57-1.12l-.99-2.33h-6.52l-1.04,2.43c-.28.63-.83,1.02-1.5,1.02-.85,0-1.5-.68-1.5-1.52,0-.23.08-.47.19-.7M82.52,21.48l-2.05-4.89-2.05,4.89h4.11Z"></path>
      <path class="cls-1" d="M95.68,14.42c0-.91.72-1.63,1.63-1.63h.34c.78,0,1.25.38,1.69.95l6.29,8.25v-7.64c0-.89.72-1.61,1.61-1.61s1.61.72,1.61,1.61v11.79c0,.91-.72,1.63-1.63,1.63h-.11c-.78,0-1.25-.38-1.69-.95l-6.52-8.55v7.94c0,.89-.72,1.61-1.61,1.61s-1.61-.72-1.61-1.61v-11.79Z"></path>
      <path class="cls-1" d="M121.14,15.88h-3.13c-.83,0-1.5-.68-1.5-1.5s.68-1.5,1.5-1.5h9.52c.83,0,1.5.68,1.5,1.5s-.68,1.5-1.5,1.5h-3.13v10.31c0,.91-.72,1.63-1.63,1.63s-1.63-.72-1.63-1.63v-10.31Z"></path>
      <path class="cls-1" d="M134.28,25.59l5.16-11.66c.36-.8,1.02-1.29,1.9-1.29h.19c.89,0,1.52.49,1.88,1.29l5.16,11.66c.11.23.17.44.17.66,0,.87-.68,1.57-1.54,1.57-.76,0-1.27-.44-1.57-1.12l-.99-2.33h-6.52l-1.04,2.43c-.27.63-.83,1.02-1.5,1.02-.85,0-1.5-.68-1.5-1.52,0-.23.08-.47.19-.7M143.44,21.48l-2.05-4.89-2.05,4.89h4.11Z"></path>
      <path class="cls-1" d="M156.6,14.5c0-.91.72-1.63,1.63-1.63h5.25c1.69,0,3.03.47,3.87,1.31.68.68,1.02,1.5,1.02,2.52v.04c0,1.67-.89,2.6-1.95,3.2,1.71.66,2.77,1.65,2.77,3.64v.04c0,2.71-2.2,4.06-5.54,4.06h-5.42c-.91,0-1.63-.72-1.63-1.63v-11.56ZM162.78,18.86c1.44,0,2.35-.47,2.35-1.57v-.04c0-.97-.76-1.52-2.14-1.52h-3.22v3.13h3.01ZM163.65,24.83c1.44,0,2.31-.51,2.31-1.61v-.04c0-.99-.74-1.61-2.41-1.61h-3.77v3.26h3.87Z"></path>
      <path class="cls-1" d="M177.17,14.37c0-.91.72-1.63,1.63-1.63s1.63.72,1.63,1.63v10.35h6.03c.83,0,1.48.66,1.48,1.48s-.66,1.48-1.48,1.48h-7.66c-.91,0-1.63-.72-1.63-1.63v-11.68Z"></path>
      <path class="cls-1" d="M195.55,26.06v-11.56c0-.91.72-1.63,1.63-1.63h8.21c.8,0,1.46.66,1.46,1.46s-.66,1.44-1.46,1.44h-6.6v3h5.65c.8,0,1.46.66,1.46,1.46s-.66,1.44-1.46,1.44h-5.65v3.11h6.71c.8,0,1.46.66,1.46,1.46s-.66,1.44-1.46,1.44h-8.32c-.91,0-1.63-.72-1.63-1.63"></path>
    </g>
    <path class="cls-1" d="M20.21,40.43C9.07,40.43,0,31.36,0,20.21S9.07,0,20.21,0s20.21,9.07,20.21,20.21-9.07,20.21-20.21,20.21ZM20.21,3C10.72,3,3,10.72,3,20.21s7.72,17.21,17.21,17.21,17.21-7.72,17.21-17.21S29.71,3,20.21,3Z"></path>
    <g>
      <path class="cls-2" d="M7.67,15.41c0-.71.56-1.26,1.26-1.26h.28c.54,0,.92.28,1.15.66l3.05,4.97,3.07-4.99c.26-.43.62-.64,1.13-.64h.28c.71,0,1.26.56,1.26,1.26v9.13c0,.71-.56,1.26-1.26,1.26s-1.25-.58-1.25-1.26v-5.73l-2.22,3.42c-.26.39-.59.64-1.05.64s-.79-.25-1.05-.64l-2.18-3.37v5.71c0,.69-.56,1.23-1.25,1.23s-1.23-.54-1.23-1.23v-9.16Z"></path>
      <path class="cls-2" d="M26.56,21.27l-3.71-5.04c-.18-.25-.31-.54-.31-.9,0-.67.56-1.21,1.26-1.21.58,0,.94.31,1.25.77l2.79,4.02,2.84-4.06c.31-.46.69-.76,1.21-.76.77,0,1.23.54,1.23,1.23,0,.34-.16.66-.33.89l-3.71,5.01v3.32c0,.71-.56,1.26-1.26,1.26s-1.26-.56-1.26-1.26v-3.27Z"></path>
    </g>
    <g>
      <path class="cls-1" d="M137.27,34.52c1.89,0,2.95.86,2.95,2.37s-1.12,2.38-2.94,2.38h-.34l3.24,3.79h-.93l-3.19-3.79h-1.31v3.79h-.75v-8.54h3.26ZM134.75,35.23v3.38h2.51c1.42,0,2.19-.6,2.19-1.7s-.78-1.67-2.19-1.67h-2.51Z"></path>
      <path class="cls-1" d="M149.9,43.07h-5.88v-8.54h5.84v.7h-5.1v3.19h4.95v.7h-4.95v3.25h5.14v.7Z"></path>
      <path class="cls-1" d="M162.95,43.07h-.91l-2.56-7.58-2.56,7.58h-.91l-2.88-8.54h.79l2.56,7.72,2.59-7.72h.84l2.59,7.71,2.56-7.71h.77l-2.88,8.54Z"></path>
      <path class="cls-1" d="M175.83,43.07h-.8l-1.04-2.5h-4.44l-1.04,2.5h-.78l3.59-8.54h.92l3.59,8.54ZM169.84,39.86h3.85l-1.92-4.61-1.92,4.61Z"></path>
      <path class="cls-1" d="M182.42,34.52c1.89,0,2.95.86,2.95,2.37s-1.12,2.38-2.94,2.38h-.34l3.24,3.79h-.93l-3.19-3.79h-1.31v3.79h-.75v-8.54h3.26ZM179.91,35.23v3.38h2.51c1.42,0,2.19-.6,2.19-1.7s-.78-1.67-2.19-1.67h-2.51Z"></path>
      <path class="cls-1" d="M192.29,34.52c2.84,0,4.62,1.65,4.62,4.27s-1.78,4.27-4.62,4.27h-3.12v-8.54h3.12ZM189.91,35.23v7.13h2.37c2.48,0,3.84-1.4,3.84-3.56s-1.35-3.56-3.84-3.56h-2.37Z"></path>
      <path class="cls-1" d="M206.33,35.98c-.67-.47-1.55-.84-2.67-.84-1.37,0-2.38.63-2.38,1.7,0,.85.63,1.37,2.09,1.53l.93.1c1.52.17,2.62.77,2.62,2.19,0,1.66-1.51,2.49-3.36,2.49-1.28,0-2.55-.47-3.31-1.07l.41-.59c.6.48,1.71.95,2.89.95,1.45,0,2.59-.57,2.59-1.72,0-.93-.75-1.38-2.17-1.54l-.97-.11c-1.56-.18-2.51-.88-2.51-2.19,0-1.58,1.4-2.46,3.16-2.46,1.32,0,2.31.42,3.05.94l-.38.6Z"></path>
    </g>
  </g>
  <path class="cls-1" d="M208.79,15.32v-1.84h-.77v-.61h2.21v.61h-.77v1.84h-.67ZM213,15.32v-1.59l-.5,1.36h-.67l-.51-1.36v1.59h-.67v-2.45h.94l.57,1.47.56-1.47h.94v2.45h-.67Z"></path>
</svg>

</a></div>
</div>
</div>
</div>

<div class="sticky top-0 z-40" id="nav-wrapper"><nav class="relative w-full inline-flex items-center bg-white border-b border-cool_gray h-[60px] pl-[12px] pr-[10px] sm:px-4 lg:hidden" id="mobile-nav">
<div class="nav-inner w-full relative flex items-center justify-between">
<button aria-controls="slide-menu" aria-expanded="false" aria-label="Open navigation menu" class="btn flex flex-col" data-header--slide-menu-target="menuBtn" id="menu-btn" type="button">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="w-[36px] h-[36px]">
  <path d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>

<span aria-hidden="true" class="text-[9px] -mt-1.5 font-medium">MENU</span>
</button>
<div class="logo ml-4">
<a class="relative" data-turbo="false" href="/"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="mo-logo__long h-[28px]" version="1.1" viewBox="0 0 998.92 180">
  <title>wantable logo</title>
  <g id="logo-long">
    <path class="cls-1" shape-rendering="geometricPrecision" d="M135.18,98.44V60.82a12,12,0,1,0-12,12h0a12.15,12.15,0,0,0,2.94-.37v28.81A10.72,10.72,0,0,1,115.52,112h0a10.59,10.59,0,0,1-6.48-2.16.27.27,0,0,1-.11-.1l-.39-.3a8.68,8.68,0,0,1-1.23-1.27l-.41-.51-.12-.17a10.64,10.64,0,0,1-2-6.14V60.82a12,12,0,0,0-12-12h0a12,12,0,0,0-11.94,12h0v45.1a6.43,6.43,0,0,1-6.43,6.44h0a6.45,6.45,0,0,1-6.44-6.44V61.44a12,12,0,0,0-11.93-12h0a12,12,0,0,0-12,12v49.28a20.42,20.42,0,0,0,20.38,20.46h0a20.37,20.37,0,0,0,19.61-14.9A27.09,27.09,0,0,0,108,130.67h0a27.18,27.18,0,0,0,27.14-27.22v0Z"></path>
    <path class="cls-1" shape-rendering="geometricPrecision" d="M89.65,180C40.14,180,0,139.71,0,90S40.14,0,89.65,0s89.66,40.29,89.66,90h0C179.25,139.68,139.14,180,89.65,180Zm0-164.82A74.84,74.84,0,1,0,164.2,90h0A74.77,74.77,0,0,0,89.65,15.18Z"></path>
    <path class="cls-1" shape-rendering="geometricPrecision" d="M217,64.06a10.1,10.1,0,0,1-.63-3,7.85,7.85,0,0,1,8-7.71h.11a8,8,0,0,1,7.7,5.66l14.25,44.17,14.36-43.76c1.23-3.71,4-6.28,8-6.28H270c4,0,6.77,2.48,8,6.28l14.35,43.76L306.62,59a7.9,7.9,0,0,1,7.59-5.66A7.63,7.63,0,0,1,322,60.82V61a10.48,10.48,0,0,1-.62,3.08l-20.12,56.63c-1.38,4-4.42,6.48-8.21,6.48h-1.63c-3.8,0-6.68-2.37-8.1-6.48L269.15,79.41,255,120.69c-1.38,4.17-4.3,6.48-8.1,6.48h-1.63c-3.8,0-6.77-2.48-8.21-6.48Z"></path>
    <path class="cls-1" shape-rendering="geometricPrecision" d="M349.53,115.84l25-56.71a9.7,9.7,0,0,1,9.22-6.3h.93a9.6,9.6,0,0,1,9.12,6.29l25,56.71a7.7,7.7,0,0,1,.82,3.19,7.49,7.49,0,0,1-7.36,7.62h-.12c-3.69,0-6.16-2.16-7.58-5.45l-4.82-11.37h-31.6l-5,11.84a7.76,7.76,0,0,1-7.32,5,7.27,7.27,0,0,1-7.29-7.25v-.16A8.42,8.42,0,0,1,349.53,115.84Zm44.4-19.92L384,72.14l-9.94,23.78Z"></path>
    <path class="cls-1" shape-rendering="geometricPrecision" d="M457.71,61.49a7.83,7.83,0,0,1,7.75-7.92h1.79c3.79,0,6.05,1.85,8.19,4.63L505.9,98.34V61.17a7.8,7.8,0,1,1,15.59,0v57.35a7.84,7.84,0,0,1-7.78,7.92.24.24,0,0,1-.12,0h-.51c-3.8,0-6.05-1.84-8.2-4.62L473.3,80.23v38.6a7.8,7.8,0,1,1-15.59,0Z"></path>
    <path class="cls-1" shape-rendering="geometricPrecision" d="M581.05,68.59H565.82a7.31,7.31,0,0,1,0-14.62H612a7.31,7.31,0,0,1,0,14.62H596.77v50.14a7.9,7.9,0,0,1-15.79,0Z"></path>
    <path class="cls-1" shape-rendering="geometricPrecision" d="M644.72,115.84l25-56.71a9.7,9.7,0,0,1,9.24-6.3h.87A9.62,9.62,0,0,1,689,59.12l25,56.71a7.85,7.85,0,0,1,.82,3.19,7.5,7.5,0,0,1-7.37,7.62h-.13c-3.68,0-6.14-2.16-7.58-5.45L695,109.82H663.39l-5,11.84a7.75,7.75,0,0,1-7.28,4.94,7.29,7.29,0,0,1-7.23-7.34v0A8.55,8.55,0,0,1,644.72,115.84Zm44.41-19.92-10-23.78-9.94,23.78Z"></path>
    <path class="cls-1" shape-rendering="geometricPrecision" d="M752.89,61.89A7.85,7.85,0,0,1,760.67,54h25.55c8.21,0,14.67,2.27,18.77,6.38a16.56,16.56,0,0,1,4.92,12.26v.21c0,8.13-4.31,12.66-9.43,15.54,8.3,3.2,13.43,8,13.43,17.71v.21c0,13.17-10.66,19.76-26.86,19.76H760.74a7.85,7.85,0,0,1-7.85-7.85V61.89Zm30,21.22c6.92,0,11.38-2.27,11.38-7.62v-.21c0-4.73-3.7-7.41-10.36-7.41H768.27V83.16Zm4.15,29c6.92,0,11.17-2.47,11.17-7.82v-.21c0-4.84-3.58-7.83-11.68-7.83H768.27v15.86Z"></path>
    <path class="cls-1" shape-rendering="geometricPrecision" d="M852.55,61.28a7.91,7.91,0,0,1,15.8,0v50.35h29.21a7.21,7.21,0,0,1,.63,14.41H860.44a7.85,7.85,0,0,1-7.89-7.81V61.28Z"></path>
    <path class="cls-1" shape-rendering="geometricPrecision" d="M941.65,118.16V61.89A7.85,7.85,0,0,1,949.43,54h39.91a7.11,7.11,0,0,1,7.07,7.1A7,7,0,0,1,989.34,68h-32V82.7h27.38a7.11,7.11,0,0,1,7.08,7.11,7,7,0,0,1-7.08,7H957.34v15.17h32.51a7.12,7.12,0,0,1,7.07,7.11,7,7,0,0,1-7.07,6.95H949.54a7.85,7.85,0,0,1-7.89-7.82Z"></path>
  </g>
</svg>

</a></div>
<div class="icons flex justify-center items-center ml-auto">
<a class="flex flex-row items-center" data-turbo="false" href="/sign-in/?user_return_to=%2Fstream%2Fcozytober-style-edit-2026"><div class="text-sm font-medium underline underline-offset-2">SIGN IN</div>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="flex justify-center items-center w–[32px] h-[32px] ml-2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0012 15.75a7.488 7.488 0 00-5.982 2.975m11.963 0a9 9 0 10-11.963 0m11.963 0A8.966 8.966 0 0112 21a8.966 8.966 0 01-5.982-2.275M15 9.75a3 3 0 11-6 0 3 3 0 016 0z"></path>
</svg>

</a></div>
</div>
</nav></div>

<div class="fixed inset-0 z-30 bg-off_black/20 backdrop-blur-[2px] invisible opacity-0 transition-all duration-300" data-action="click-&gt;header--mega-menu#close" data-header--mega-menu-target="overlay"></div>
<header class="sticky top-0 z-40 bg-white shadow-sm hidden lg:block" data-header--header-scroll-target="header" data-nav-is-featured-nav-enabled-value="true">
<div class="nav-blur-box max-w-[1600px] mx-auto opacity-0 scale-x-95 absolute inset-x-5 top-1.5 bottom-1.5 bg-white/[0.06] backdrop-blur-sm border border-white/[0.1] shadow-[inset_0_1px_0_rgba(255,255,255,0.06),0_4px_24px_rgba(0,0,0,0.12)] pointer-events-none" data-header--header-scroll-target="blurBox"></div>
<nav class="relative mx-auto flex h-16 max-w-screen-2xl items-center justify-between px-10">
<a class="relative flex-shrink-0 sm:mr-8 xl:mr-10 w-[175px] h-[44px]" data-turbo="false" href="/"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="mo-logo__long logo-layer opacity-0 absolute inset-0 w-full h-full fill-white" version="1.1" viewBox="0 0 998.92 180" data-header--header-scroll-target="logoWhite">
  <title>wantable logo</title>
  <g id="logo-long">
    <path class="cls-1" shape-rendering="geometricPrecision" d="M135.18,98.44V60.82a12,12,0,1,0-12,12h0a12.15,12.15,0,0,0,2.94-.37v28.81A10.72,10.72,0,0,1,115.52,112h0a10.59,10.59,0,0,1-6.48-2.16.27.27,0,0,1-.11-.1l-.39-.3a8.68,8.68,0,0,1-1.23-1.27l-.41-.51-.12-.17a10.64,10.64,0,0,1-2-6.14V60.82a12,12,0,0,0-12-12h0a12,12,0,0,0-11.94,12h0v45.1a6.43,6.43,0,0,1-6.43,6.44h0a6.45,6.45,0,0,1-6.44-6.44V61.44a12,12,0,0,0-11.93-12h0a12,12,0,0,0-12,12v49.28a20.42,20.42,0,0,0,20.38,20.46h0a20.37,20.37,0,0,0,19.61-14.9A27.09,27.09,0,0,0,108,130.67h0a27.18,27.18,0,0,0,27.14-27.22v0Z"></path>
    <path class="cls-1" shape-rendering="geometricPrecision" d="M89.65,180C40.14,180,0,139.71,0,90S40.14,0,89.65,0s89.66,40.29,89.66,90h0C179.25,139.68,139.14,180,89.65,180Zm0-164.82A74.84,74.84,0,1,0,164.2,90h0A74.77,74.77,0,0,0,89.65,15.18Z"></path>
    <path class="cls-1" shape-rendering="geometricPrecision" d="M217,64.06a10.1,10.1,0,0,1-.63-3,7.85,7.85,0,0,1,8-7.71h.11a8,8,0,0,1,7.7,5.66l14.25,44.17,14.36-43.76c1.23-3.71,4-6.28,8-6.28H270c4,0,6.77,2.48,8,6.28l14.35,43.76L306.62,59a7.9,7.9,0,0,1,7.59-5.66A7.63,7.63,0,0,1,322,60.82V61a10.48,10.48,0,0,1-.62,3.08l-20.12,56.63c-1.38,4-4.42,6.48-8.21,6.48h-1.63c-3.8,0-6.68-2.37-8.1-6.48L269.15,79.41,255,120.69c-1.38,4.17-4.3,6.48-8.1,6.48h-1.63c-3.8,0-6.77-2.48-8.21-6.48Z"></path>
    <path class="cls-1" shape-rendering="geometricPrecision" d="M349.53,115.84l25-56.71a9.7,9.7,0,0,1,9.22-6.3h.93a9.6,9.6,0,0,1,9.12,6.29l25,56.71a7.7,7.7,0,0,1,.82,3.19,7.49,7.49,0,0,1-7.36,7.62h-.12c-3.69,0-6.16-2.16-7.58-5.45l-4.82-11.37h-31.6l-5,11.84a7.76,7.76,0,0,1-7.32,5,7.27,7.27,0,0,1-7.29-7.25v-.16A8.42,8.42,0,0,1,349.53,115.84Zm44.4-19.92L384,72.14l-9.94,23.78Z"></path>
    <path class="cls-1" shape-rendering="geometricPrecision" d="M457.71,61.49a7.83,7.83,0,0,1,7.75-7.92h1.79c3.79,0,6.05,1.85,8.19,4.63L505.9,98.34V61.17a7.8,7.8,0,1,1,15.59,0v57.35a7.84,7.84,0,0,1-7.78,7.92.24.24,0,0,1-.12,0h-.51c-3.8,0-6.05-1.84-8.2-4.62L473.3,80.23v38.6a7.8,7.8,0,1,1-15.59,0Z"></path>
    <path class="cls-1" shape-rendering="geometricPrecision" d="M581.05,68.59H565.82a7.31,7.31,0,0,1,0-14.62H612a7.31,7.31,0,0,1,0,14.62H596.77v50.14a7.9,7.9,0,0,1-15.79,0Z"></path>
    <path class="cls-1" shape-rendering="geometricPrecision" d="M644.72,115.84l25-56.71a9.7,9.7,0,0,1,9.24-6.3h.87A9.62,9.62,0,0,1,689,59.12l25,56.71a7.85,7.85,0,0,1,.82,3.19,7.5,7.5,0,0,1-7.37,7.62h-.13c-3.68,0-6.14-2.16-7.58-5.45L695,109.82H663.39l-5,11.84a7.75,7.75,0,0,1-7.28,4.94,7.29,7.29,0,0,1-7.23-7.34v0A8.55,8.55,0,0,1,644.72,115.84Zm44.41-19.92-10-23.78-9.94,23.78Z"></path>
    <path class="cls-1" shape-rendering="geometricPrecision" d="M752.89,61.89A7.85,7.85,0,0,1,760.67,54h25.55c8.21,0,14.67,2.27,18.77,6.38a16.56,16.56,0,0,1,4.92,12.26v.21c0,8.13-4.31,12.66-9.43,15.54,8.3,3.2,13.43,8,13.43,17.71v.21c0,13.17-10.66,19.76-26.86,19.76H760.74a7.85,7.85,0,0,1-7.85-7.85V61.89Zm30,21.22c6.92,0,11.38-2.27,11.38-7.62v-.21c0-4.73-3.7-7.41-10.36-7.41H768.27V83.16Zm4.15,29c6.92,0,11.17-2.47,11.17-7.82v-.21c0-4.84-3.58-7.83-11.68-7.83H768.27v15.86Z"></path>
    <path class="cls-1" shape-rendering="geometricPrecision" d="M852.55,61.28a7.91,7.91,0,0,1,15.8,0v50.35h29.21a7.21,7.21,0,0,1,.63,14.41H860.44a7.85,7.85,0,0,1-7.89-7.81V61.28Z"></path>
    <path class="cls-1" shape-rendering="geometricPrecision" d="M941.65,118.16V61.89A7.85,7.85,0,0,1,949.43,54h39.91a7.11,7.11,0,0,1,7.07,7.1A7,7,0,0,1,989.34,68h-32V82.7h27.38a7.11,7.11,0,0,1,7.08,7.11,7,7,0,0,1-7.08,7H957.34v15.17h32.51a7.12,7.12,0,0,1,7.07,7.11,7,7,0,0,1-7.07,6.95H949.54a7.85,7.85,0,0,1-7.89-7.82Z"></path>
  </g>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="mo-logo__long logo-layer opacity-100 absolute inset-0 w-full h-full" version="1.1" viewBox="0 0 998.92 180" data-header--header-scroll-target="logoDark">
  <title>wantable logo</title>
  <g id="logo-long">
    <path class="cls-1" shape-rendering="geometricPrecision" d="M135.18,98.44V60.82a12,12,0,1,0-12,12h0a12.15,12.15,0,0,0,2.94-.37v28.81A10.72,10.72,0,0,1,115.52,112h0a10.59,10.59,0,0,1-6.48-2.16.27.27,0,0,1-.11-.1l-.39-.3a8.68,8.68,0,0,1-1.23-1.27l-.41-.51-.12-.17a10.64,10.64,0,0,1-2-6.14V60.82a12,12,0,0,0-12-12h0a12,12,0,0,0-11.94,12h0v45.1a6.43,6.43,0,0,1-6.43,6.44h0a6.45,6.45,0,0,1-6.44-6.44V61.44a12,12,0,0,0-11.93-12h0a12,12,0,0,0-12,12v49.28a20.42,20.42,0,0,0,20.38,20.46h0a20.37,20.37,0,0,0,19.61-14.9A27.09,27.09,0,0,0,108,130.67h0a27.18,27.18,0,0,0,27.14-27.22v0Z"></path>
    <path class="cls-1" shape-rendering="geometricPrecision" d="M89.65,180C40.14,180,0,139.71,0,90S40.14,0,89.65,0s89.66,40.29,89.66,90h0C179.25,139.68,139.14,180,89.65,180Zm0-164.82A74.84,74.84,0,1,0,164.2,90h0A74.77,74.77,0,0,0,89.65,15.18Z"></path>
    <path class="cls-1" shape-rendering="geometricPrecision" d="M217,64.06a10.1,10.1,0,0,1-.63-3,7.85,7.85,0,0,1,8-7.71h.11a8,8,0,0,1,7.7,5.66l14.25,44.17,14.36-43.76c1.23-3.71,4-6.28,8-6.28H270c4,0,6.77,2.48,8,6.28l14.35,43.76L306.62,59a7.9,7.9,0,0,1,7.59-5.66A7.63,7.63,0,0,1,322,60.82V61a10.48,10.48,0,0,1-.62,3.08l-20.12,56.63c-1.38,4-4.42,6.48-8.21,6.48h-1.63c-3.8,0-6.68-2.37-8.1-6.48L269.15,79.41,255,120.69c-1.38,4.17-4.3,6.48-8.1,6.48h-1.63c-3.8,0-6.77-2.48-8.21-6.48Z"></path>
    <path class="cls-1" shape-rendering="geometricPrecision" d="M349.53,115.84l25-56.71a9.7,9.7,0,0,1,9.22-6.3h.93a9.6,9.6,0,0,1,9.12,6.29l25,56.71a7.7,7.7,0,0,1,.82,3.19,7.49,7.49,0,0,1-7.36,7.62h-.12c-3.69,0-6.16-2.16-7.58-5.45l-4.82-11.37h-31.6l-5,11.84a7.76,7.76,0,0,1-7.32,5,7.27,7.27,0,0,1-7.29-7.25v-.16A8.42,8.42,0,0,1,349.53,115.84Zm44.4-19.92L384,72.14l-9.94,23.78Z"></path>
    <path class="cls-1" shape-rendering="geometricPrecision" d="M457.71,61.49a7.83,7.83,0,0,1,7.75-7.92h1.79c3.79,0,6.05,1.85,8.19,4.63L505.9,98.34V61.17a7.8,7.8,0,1,1,15.59,0v57.35a7.84,7.84,0,0,1-7.78,7.92.24.24,0,0,1-.12,0h-.51c-3.8,0-6.05-1.84-8.2-4.62L473.3,80.23v38.6a7.8,7.8,0,1,1-15.59,0Z"></path>
    <path class="cls-1" shape-rendering="geometricPrecision" d="M581.05,68.59H565.82a7.31,7.31,0,0,1,0-14.62H612a7.31,7.31,0,0,1,0,14.62H596.77v50.14a7.9,7.9,0,0,1-15.79,0Z"></path>
    <path class="cls-1" shape-rendering="geometricPrecision" d="M644.72,115.84l25-56.71a9.7,9.7,0,0,1,9.24-6.3h.87A9.62,9.62,0,0,1,689,59.12l25,56.71a7.85,7.85,0,0,1,.82,3.19,7.5,7.5,0,0,1-7.37,7.62h-.13c-3.68,0-6.14-2.16-7.58-5.45L695,109.82H663.39l-5,11.84a7.75,7.75,0,0,1-7.28,4.94,7.29,7.29,0,0,1-7.23-7.34v0A8.55,8.55,0,0,1,644.72,115.84Zm44.41-19.92-10-23.78-9.94,23.78Z"></path>
    <path class="cls-1" shape-rendering="geometricPrecision" d="M752.89,61.89A7.85,7.85,0,0,1,760.67,54h25.55c8.21,0,14.67,2.27,18.77,6.38a16.56,16.56,0,0,1,4.92,12.26v.21c0,8.13-4.31,12.66-9.43,15.54,8.3,3.2,13.43,8,13.43,17.71v.21c0,13.17-10.66,19.76-26.86,19.76H760.74a7.85,7.85,0,0,1-7.85-7.85V61.89Zm30,21.22c6.92,0,11.38-2.27,11.38-7.62v-.21c0-4.73-3.7-7.41-10.36-7.41H768.27V83.16Zm4.15,29c6.92,0,11.17-2.47,11.17-7.82v-.21c0-4.84-3.58-7.83-11.68-7.83H768.27v15.86Z"></path>
    <path class="cls-1" shape-rendering="geometricPrecision" d="M852.55,61.28a7.91,7.91,0,0,1,15.8,0v50.35h29.21a7.21,7.21,0,0,1,.63,14.41H860.44a7.85,7.85,0,0,1-7.89-7.81V61.28Z"></path>
    <path class="cls-1" shape-rendering="geometricPrecision" d="M941.65,118.16V61.89A7.85,7.85,0,0,1,949.43,54h39.91a7.11,7.11,0,0,1,7.07,7.1A7,7,0,0,1,989.34,68h-32V82.7h27.38a7.11,7.11,0,0,1,7.08,7.11,7,7,0,0,1-7.08,7H957.34v15.17h32.51a7.12,7.12,0,0,1,7.07,7.11,7,7,0,0,1-7.07,6.95H949.54a7.85,7.85,0,0,1-7.89-7.82Z"></path>
  </g>
</svg>

</a><div class="flex items-center gap-3 lg:gap-8 flex-1">
<a class="nav-trigger text-off_black hover:text-off_black text-xs font-medium tracking-widest uppercase cursor-pointer py-5" data-header--header-scroll-target="navLink" data-header--mega-menu-target="trigger" data-menu-id="edits" data-action="mouseenter-&gt;header--mega-menu#open mouseleave-&gt;header--mega-menu#schedule" href="/signature-edits">Signature Edits</a>
<a class="nav-trigger text-off_black hover:text-off_black text-xs font-medium tracking-widest uppercase cursor-pointer py-5" data-header--header-scroll-target="navLink" data-header--mega-menu-target="trigger" data-menu-id="themes" data-action="mouseenter-&gt;header--mega-menu#open mouseleave-&gt;header--mega-menu#schedule" href="/themes-all">Themed Edits</a>
<a class="nav-trigger text-off_black hover:text-off_black text-xs font-semibold tracking-widest uppercase cursor-pointer py-5" data-header--header-scroll-target="navLink" data-header--mega-menu-target="trigger" data-menu-id="featured" data-action="mouseenter-&gt;header--mega-menu#open mouseleave-&gt;header--mega-menu#schedule" data-featured-color="#7b2d39" href="https://try.wantable.com/cozytober">COZYTOBER®</a>
<a class="nav-trigger text-off_black hover:text-off_black text-xs font-medium tracking-widest uppercase py-5" data-header--header-scroll-target="navLink" data-header--mega-menu-target="trigger" data-menu-id="how-it-works" data-action="mouseenter-&gt;header--mega-menu#open mouseleave-&gt;header--mega-menu#schedule" href="/how-wantable-works">How It Works</a>
<a class="nav-trigger text-off_black hover:text-off_black text-xs font-medium tracking-widest uppercase py-5" data-header--header-scroll-target="navLink" data-header--mega-menu-target="trigger" data-menu-id="stream" data-action="mouseenter-&gt;header--mega-menu#open mouseleave-&gt;header--mega-menu#schedule" href="/stream/">Stream</a>
</div>
<div class="flex items-center gap-2 ml-3">
<a class="inline-flex justify-center items-center text-off_black hover:text-off_black hover:underline underline-offset-2 transition-colors text-xs font-medium tracking-widest uppercase" data-header--header-scroll-target="iconBtn" data-turbo="false" href="/sign-in/?user_return_to=%2Fstream%2Fcozytober-style-edit-2026">SIGN IN
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="flex justify-center items-center h-6 w-6 ml-1">
  <path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0012 15.75a7.488 7.488 0 00-5.982 2.975m11.963 0a9 9 0 10-11.963 0m11.963 0A8.966 8.966 0 0112 21a8.966 8.966 0 01-5.982-2.275M15 9.75a3 3 0 11-6 0 3 3 0 016 0z"></path>
</svg>

</a></div>
</nav>
<div class="mega-panel invisible opacity-0 translate-y-2 absolute left-0 right-0 top-full z-40 bg-white shadow-xl border-t border-gray-100" data-action="mouseenter-&gt;header--mega-menu#keep mouseleave-&gt;header--mega-menu#schedule" data-header--mega-menu-target="panel" data-menu-id="edits">
<div class="mx-auto max-w-screen-2xl px-8 py-10">
<div class="flex items-end justify-between mb-8">
<div>
<h3 class="font-secondary text-2xl font-semibold text-off_black tracking-wide">Signature Edits</h3>
<p class="text-sm text-wantable-mid mt-1 font-primary">Expert personal styling, delivered to your door. Try before you buy.</p>
</div>
<a class="group inline-flex items-center gap-2 text-xs font-medium tracking-wider uppercase text-off_black hover:text-forest_green transition-colors" href="/how-wantable-works">How It Works
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 group-hover:translate-x-1 group-hover:[&amp;_path]:fill-forest_green transition-transform duration-300">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path>
</svg>

</a></div>
<div class="grid grid-cols-4 gap-3">
<a class="edit-card group block relative overflow-hidden aspect-[3/4] bg-forest_green" href="/edits/style/"><img data-lazy-src="https://cl.wantable.com/image/upload/ar_3:4,c_crop,g_center/c_scale,g_center,w_600/fl_keep_iptc/v1/production/zqqir7djujrgmx0rumw6.jpg" class="card-img absolute inset-0 w-full h-full object-cover group-hover:opacity-80 transition-src" alt="Wantable Style Edit" onerror="this.style.display=&#39;none&#39;" data-controller="lazy-image">
<div class="absolute inset-0 bg-gradient-to-br from-cool_gray/15 via-warm_gray/10 to-forest_green/15"></div>
<div class="absolute inset-0 bg-gradient-to-t from-off_black/60 via-off_black/15 to-transparent"></div>
<div class="card-accent-bar absolute bottom-0 left-0 right-0 h-[3px] bg-mint"></div>
<div class="relative flex flex-col items-start justify-end h-full p-5">
<span class="card-label text-sm font-medium tracking-widest uppercase text-white/60 group-hover:text-white mb-1.5">Everyday Fashion</span>
<span class="font-secondary text-2xl font-semibold text-white leading-tight">
Style Edit
</span>
<span class="mt-3 inline-flex items-center gap-1.5 font-medium tracking-wider uppercase text-white/70 group-hover:text-cool_gray transition-colors duration-300">
Get Started
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 [&amp;_path]:fill-cool_gray group-hover:translate-x-1 transition-transform duration-300">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path>
</svg>

</span>
</div>
</a>
<a class="edit-card group block relative overflow-hidden aspect-[3/4] bg-forest_green" href="/edits/active/"><img data-lazy-src="https://cl.wantable.com/image/upload/ar_3:4,c_crop,g_center/c_scale,g_center,w_600/fl_keep_iptc/v1/production/m69kxoqvicug99zu7xge.jpg" class="card-img absolute inset-0 w-full h-full object-cover group-hover:opacity-80 transition-src" alt="Wantable Active Edit" onerror="this.style.display=&#39;none&#39;" data-controller="lazy-image">
<div class="absolute inset-0 bg-gradient-to-br from-cool_gray/15 via-warm_gray/10 to-forest_green/15"></div>
<div class="absolute inset-0 bg-gradient-to-t from-off_black/60 via-off_black/15 to-transparent"></div>
<div class="card-accent-bar absolute bottom-0 left-0 right-0 h-[3px] bg-mint"></div>
<div class="relative flex flex-col items-start justify-end h-full p-5">
<span class="card-label text-sm font-medium tracking-widest uppercase text-white/60 group-hover:text-white mb-1.5">Workout to Weekend</span>
<span class="font-secondary text-2xl font-semibold text-white leading-tight">
Active Edit
</span>
<span class="mt-3 inline-flex items-center gap-1.5 font-medium tracking-wider uppercase text-white/70 group-hover:text-cool_gray transition-colors duration-300">
Get Started
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 [&amp;_path]:fill-cool_gray group-hover:translate-x-1 transition-transform duration-300">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path>
</svg>

</span>
</div>
</a>
<a class="edit-card group block relative overflow-hidden aspect-[3/4] bg-forest_green" href="/edits/sleep-body/"><img data-lazy-src="https://cl.wantable.com/image/upload/ar_3:4,c_crop,g_center/c_scale,g_center,w_600/fl_keep_iptc/v1/production/hootuj8h1oudvekanlwv.jpg" class="card-img absolute inset-0 w-full h-full object-cover group-hover:opacity-80 transition-src" alt="Wantable Sleep &amp; Body Edit" onerror="this.style.display=&#39;none&#39;" data-controller="lazy-image">
<div class="absolute inset-0 bg-gradient-to-br from-cool_gray/15 via-warm_gray/10 to-forest_green/15"></div>
<div class="absolute inset-0 bg-gradient-to-t from-off_black/60 via-off_black/15 to-transparent"></div>
<div class="card-accent-bar absolute bottom-0 left-0 right-0 h-[3px] bg-mint"></div>
<div class="relative flex flex-col items-start justify-end h-full p-5">
<span class="card-label text-sm font-medium tracking-widest uppercase text-white/60 group-hover:text-white mb-1.5">Cozy &amp; Comfortable</span>
<span class="font-secondary text-2xl font-semibold text-white leading-tight">
Sleep &amp; Body Edit
</span>
<span class="mt-3 inline-flex items-center gap-1.5 font-medium tracking-wider uppercase text-white/70 group-hover:text-cool_gray transition-colors duration-300">
Get Started
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 [&amp;_path]:fill-cool_gray group-hover:translate-x-1 transition-transform duration-300">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path>
</svg>

</span>
</div>
</a>
<a class="edit-card group block relative overflow-hidden aspect-[3/4] bg-forest_green" href="/edits/mens-active/"><img data-lazy-src="https://cl.wantable.com/image/upload/ar_3:4,c_crop,g_center/c_scale,g_center,w_600/fl_keep_iptc/v1/production/cbg1qcyzilywv851p95c.jpg" class="card-img absolute inset-0 w-full h-full object-cover group-hover:opacity-80 transition-src" alt="Wantable Men&#39;s Active Edit" onerror="this.style.display=&#39;none&#39;" data-controller="lazy-image">
<div class="absolute inset-0 bg-gradient-to-br from-cool_gray/15 via-warm_gray/10 to-forest_green/15"></div>
<div class="absolute inset-0 bg-gradient-to-t from-off_black/60 via-off_black/15 to-transparent"></div>
<div class="card-accent-bar absolute bottom-0 left-0 right-0 h-[3px] bg-mint"></div>
<div class="relative flex flex-col items-start justify-end h-full p-5">
<span class="card-label text-sm font-medium tracking-widest uppercase text-white/60 group-hover:text-white mb-1.5">Performance Gear</span>
<span class="font-secondary text-2xl font-semibold text-white leading-tight">
Men&#39;s Active Edit
</span>
<span class="mt-3 inline-flex items-center gap-1.5 font-medium tracking-wider uppercase text-white/70 group-hover:text-cool_gray transition-colors duration-300">
Get Started
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 [&amp;_path]:fill-cool_gray group-hover:translate-x-1 transition-transform duration-300">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path>
</svg>

</span>
</div>
</a>
</div>
<div class="flex items-center justify-between mt-8 pt-6 border-t border-gray-100">
<div class="flex items-center gap-8">
<a class="text-sm hover:text-off_black hover:underline underline-offset-2 transition-colors" href="/personal-stylist">Personal Styling</a>
<a class="text-sm hover:text-off_black hover:underline underline-offset-2 transition-colors" href="/frequently-asked-questions">FAQ</a>
<a class="text-sm hover:text-off_black hover:underline underline-offset-2 transition-colors" href="https://try.wantable.com/mywantable-rewards">MyWantable Rewards™</a>
<a class="text-sm hover:text-off_black hover:underline underline-offset-2 transition-colors" href="/stream/">Stream</a>
</div>
</div>
</div>
</div>

<div class="mega-panel invisible opacity-0 translate-y-2 absolute left-0 right-0 top-full z-40 bg-white shadow-xl border-t border-gray-100" data-action="mouseenter-&gt;header--mega-menu#keep mouseleave-&gt;header--mega-menu#schedule" data-header--mega-menu-target="panel" data-menu-id="themes">
<div class="mx-auto max-w-screen-2xl px-8 py-10">
<div class="grid grid-cols-12 gap-4">
<div class="col-span-2">
<h3 class="font-secondary text-lg font-semibold text-off_black tracking-wide">Style </h3>
<hr class="mt-2 mb-3 border-forest_green">
<ul class="space-y-3 font-primary">
<li>
<a class="flex items-center gap-3 text-sm text-off_black hover:text-forest_green hover:underline underline-offset-2 transition-colors" data-turbo="false" href="https://try.wantable.com/cozytober-style-edit">COZYTOBER® Style
</a></li>
<li>
<a class="flex items-center gap-3 text-sm text-off_black hover:text-forest_green hover:underline underline-offset-2 transition-colors" data-turbo="false" href="https://wntbl.com/45lc4is/">Denim
</a></li>
<li>
<a class="flex items-center gap-3 text-sm text-off_black hover:text-forest_green hover:underline underline-offset-2 transition-colors" data-turbo="false" href="https://try.wantable.com/workwear-style-edit">Workwear
</a></li>
<li>
<a class="flex items-center gap-3 text-sm text-off_black hover:text-forest_green hover:underline underline-offset-2 transition-colors" data-turbo="false" href="https://try.wantable.com/fall-preview">Fall Preview
</a></li>
<li>
<a class="flex items-center gap-3 text-sm text-off_black hover:text-forest_green hover:underline underline-offset-2 transition-colors" data-turbo="false" href="https://try.wantable.com/farmers-market-style-edit">Farmers Market
</a></li>
</ul>

</div>
<div class="col-span-2">
<h3 class="font-secondary text-lg font-semibold text-off_black tracking-wide">Active </h3>
<hr class="mt-2 mb-3 border-forest_green">
<ul class="space-y-3 font-primary">
<li>
<a class="flex items-center gap-3 text-sm text-off_black hover:text-forest_green hover:underline underline-offset-2 transition-colors" data-turbo="false" href="https://try.wantable.com/cozytober-active-edit">COZYTOBER® Active
</a></li>
<li>
<a class="flex items-center gap-3 text-sm text-off_black hover:text-forest_green hover:underline underline-offset-2 transition-colors" data-turbo="false" href="https://try.wantable.com/athleisure-active-edit">Athleisure Edit
</a></li>
</ul>

</div>
<div class="col-span-2">
<h3 class="font-secondary text-lg font-semibold text-off_black tracking-wide">Sleep &amp; Body </h3>
<hr class="mt-2 mb-3 border-forest_green">
<ul class="space-y-3 font-primary">
<li>
<a class="flex items-center gap-3 text-sm text-off_black hover:text-forest_green hover:underline underline-offset-2 transition-colors" data-turbo="false" href="https://try.wantable.com/cozytober-sleep-body-edit">COZYTOBER® Sleep &amp; Body
</a></li>
</ul>

</div>
<div class="col-span-2">
<h3 class="font-secondary text-lg font-semibold text-off_black tracking-wide">Men&#39;s Active </h3>
<hr class="mt-2 mb-3 border-forest_green">
<ul class="space-y-3 font-primary">
<li>
<a class="flex items-center gap-3 text-sm text-off_black hover:text-forest_green hover:underline underline-offset-2 transition-colors" data-turbo="false" href="https://try.wantable.com/cozytober-mens-active-edit">COZYTOBER® Men&#39;s
</a></li>
</ul>

</div>
<div class="col-span-3 col-start-10 self-end">
<a class="group block relative overflow-hidden aspect-[1/1] max-h-[300px] bg-forest_green ml-auto" href="https://try.wantable.com/cozytober"><img data-lazy-src="https://cl.wantable.com/image/upload/ar_1:1,c_crop,g_center/c_scale,g_center,w_1350/fl_keep_iptc/v1/production/b6jatsmi1r7nc3khoorh.jpg" class="absolute inset-0 w-full h-full object-cover group-hover:opacity-80 transition-src" alt="COZYTOBER® 2026" onerror="this.style.display=&#39;none&#39;" data-controller="lazy-image">
<div class="absolute inset-0 bg-gradient-to-br from-off_black/40 via-warm_gray/10 to-white/30"></div>
<div class="absolute inset-0 bg-gradient-to-t from-off_black/40 to-transparent"></div>
<div class="relative flex flex-col items-start justify-end h-full p-6">
<span class="text-sm font-medium tracking-widest uppercase text-white/80 group-hover:text-white mb-2 font-primary">Popular Theme</span>
<span class="font-secondary text-2xl font-semibold text-white leading-tight">
COZYTOBER®<br>Edits
</span>
<span class="mt-3 inline-flex items-center gap-1.5 text-sm font-medium tracking-wider uppercase text-white/80 group-hover:text-white transition-colors font-primary">
Explore
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 group-hover:translate-x-1 group-hover:[&amp;_path]:fill-white transition-transform duration-300">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path>
</svg>

</span>
</div>
</a></div>
</div>
<div class="flex items-center justify-between mt-8 pt-6 border-t border-gray-100">
<div class="flex flex-col">
<h3 class="font-secondary text-lg font-semibold text-off_black mb-1 tracking-wide">All Themes</h3>
<a class="group inline-flex items-center gap-2 text-xs font-medium tracking-wider uppercase text-off_black hover:text-forest_green transition-colors font-primary" href="/themes-all">Browse All
<svg class="w-3.5 h-3.5 group-hover:translate-x-1 transition-transform" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
<path d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a></div>
</div>
</div>
</div>

<div class="mega-panel invisible opacity-0 translate-y-2 absolute left-0 right-0 top-full z-40 bg-white shadow-xl border-t border-gray-100" data-action="mouseenter-&gt;header--mega-menu#keep mouseleave-&gt;header--mega-menu#schedule" data-header--mega-menu-target="panel" data-menu-id="featured">
<div class="mx-auto max-w-screen-2xl px-8 py-10">
<div class="grid grid-cols-12 gap-4">
<div class="col-span-2">
<h3 class="font-secondary text-lg font-semibold text-off_black tracking-wide">Shop COZYTOBER® Edits</h3>
<hr class="mt-2 mb-3 border-forest_green">
<ul class="space-y-3 font-primary">
<li>
<a class="nav-featured-link flex items-center gap-3 text-sm text-off_black hover:underline underline-offset-2 transition-colors" data-turbo="false" href="https://try.wantable.com/cozytober-style-edit">COZYTOBER® Style Edit</a>
</li>
<li>
<a class="nav-featured-link flex items-center gap-3 text-sm text-off_black hover:underline underline-offset-2 transition-colors" data-turbo="false" href="https://try.wantable.com/cozytober-active-edit">COZYTOBER® Active Edit</a>
</li>
<li>
<a class="nav-featured-link flex items-center gap-3 text-sm text-off_black hover:underline underline-offset-2 transition-colors" data-turbo="false" href="https://try.wantable.com/cozytober-sleep-body-edit">COZYTOBER® Sleep &amp; Body Edit</a>
</li>
<li>
<a class="nav-featured-link flex items-center gap-3 text-sm text-off_black hover:underline underline-offset-2 transition-colors" data-turbo="false" href="https://try.wantable.com/cozytober-mens-active-edit">COZYTOBER® Men&#39;s Active Edit</a>
</li>
</ul>
</div>
<div class="col-span-3 col-start-10 self-end">
<a class="group block relative overflow-hidden aspect-[1/1] max-h-[300px] bg-forest_green ml-auto" href="https://try.wantable.com/cozytober"><img data-lazy-src="https://cl.wantable.com/image/upload/ar_1:1,c_crop,g_center/c_scale,g_center,w_400/fl_keep_iptc/v1/production/fhtdstsl5sa9tpuzolsm.jpg" class="absolute inset-0 w-full h-full object-cover group-hover:opacity-80 transition-src" alt="COZYTOBER® 2026" onerror="this.style.display=&#39;none&#39;" data-controller="lazy-image">
<div class="absolute inset-0 bg-gradient-to-br from-off_black/40 via-warm_gray/10 to-white/30"></div>
<div class="absolute inset-0 bg-gradient-to-t from-off_black/40 to-transparent"></div>
<div class="relative flex flex-col items-start justify-end h-full p-6">
<span class="text-sm font-medium tracking-widest uppercase text-white/80 group-hover:text-white mb-2 font-primary">Featured Theme</span>
<span class="font-secondary text-2xl font-semibold text-white leading-tight">
COZYTOBER®
</span>
<span class="mt-3 inline-flex items-center gap-1.5 text-sm font-medium tracking-wider uppercase text-white/80 group-hover:text-white transition-colors font-primary">
Explore
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 group-hover:translate-x-1 group-hover:[&amp;_path]:fill-white transition-transform duration-300">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path>
</svg>

</span>
</div>
</a></div>
</div>
</div>
</div>

</header>


<div class="pusher" data-header--slide-menu-target="pusher" id="menu-pusher">
<nav class="slide-menu fixed top-0 left-0 h-full z-101 [&amp;_*]:focus:outline-none" data-header--slide-menu-target="menu" id="slide-menu">
<div class="controls relative h-[60px] inline-flex items-center justify-between bg-off_black w-full px-3 sm:px-6">
<button class="text-cool_gray " name="user" role="button" type="button">
<a class="control__signin" data-turbo="false" href="/sign-in/?user_return_to=%2Fstream%2Fcozytober-style-edit-2026"><div class="inline-flex items-center">
<span class="font-medium">Hey, &nbsp</span>
<div class="underline underline-offset-2">
Sign In / Sign Up
</div>
</div>
</a></button>
<button aria-label="Close mobile menu" class="close-menu" data-action="header--slide-menu#close" type="button">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 shrink-0 stroke-cool_gray" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"></path>
</svg>

</button>
</div>
<details class="group bg-white" name="expanded-menu">
<summary class="inline-flex justify-between items-center py-4 px-3 sm:px-4 bg-white w-full border-b border-cool_gray">
<span class="font-medium">Signature Edits</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="w-5 h-5 transform transition-transform group-open:rotate-90">
  <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5"></path>
</svg>

</summary>
<div class="border-b border-cool_gray">
<div class="flex flex-col my-3 px-3">
<p class="text-sm text-wantable-mid my-1">
Expert personal styling, delivered to your door.
<br>
Try before you buy.
</p>
<a class="group inline-flex items-center gap-2 mt-2 text-xs font-medium tracking-wider uppercase text-off_black hover:text-forest_green transition-colors" href="/how-wantable-works">How It Works
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 group-hover:translate-x-1 group-hover:[&amp;_path]:fill-forest_green transition-transform duration-300">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path>
</svg>

</a></div>
<div class="grid grid-cols-2 gap-1">
<a class="edit-card group block relative overflow-hidden aspect-[3/4] bg-forest_green" href="/edits/style/"><img alt="Wantable Style Edit" class="card-img absolute inset-0 w-full h-full object-cover group-hover:opacity-80" loading="lazy" onerror="this.style.display=&#39;none&#39;" src="https://cl.wantable.com/image/upload/ar_3:4,c_crop,g_center/c_scale,g_center,w_600/fl_keep_iptc/v1/production/zqqir7djujrgmx0rumw6.jpg">
<div class="absolute inset-0 bg-gradient-to-br from-cool_gray/15 via-warm_gray/10 to-forest_green/15"></div>
<div class="absolute inset-0 bg-gradient-to-t from-off_black/60 via-off_black/15 to-transparent"></div>
<div class="card-accent-bar absolute bottom-0 left-0 right-0 h-[3px] bg-mint"></div>
<div class="relative flex flex-col items-start justify-end h-full p-3">
<span class="card-label text-xxs font-medium tracking-widest uppercase text-white/60 group-hover:text-white mb-1">Everyday Fashion</span>
<span class="font-secondary text-xl font-semibold text-white leading-tight">
Style Edit
</span>
<span class="mt-2 inline-flex items-center gap-1.5 text-xs font-medium tracking-wider uppercase text-white/70 group-hover:text-cool_gray transition-colors duration-300">
Get Started
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 [&amp;_path]:fill-cool_gray group-hover:translate-x-1 transition-transform duration-300">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path>
</svg>

</span>
</div>
</a>
<a class="edit-card group block relative overflow-hidden aspect-[3/4] bg-forest_green" href="/edits/active/"><img alt="Wantable Active Edit" class="card-img absolute inset-0 w-full h-full object-cover group-hover:opacity-80" loading="lazy" onerror="this.style.display=&#39;none&#39;" src="https://cl.wantable.com/image/upload/ar_3:4,c_crop,g_center/c_scale,g_center,w_600/fl_keep_iptc/v1/production/m69kxoqvicug99zu7xge.jpg">
<div class="absolute inset-0 bg-gradient-to-br from-cool_gray/15 via-warm_gray/10 to-forest_green/15"></div>
<div class="absolute inset-0 bg-gradient-to-t from-off_black/60 via-off_black/15 to-transparent"></div>
<div class="card-accent-bar absolute bottom-0 left-0 right-0 h-[3px] bg-mint"></div>
<div class="relative flex flex-col items-start justify-end h-full p-3">
<span class="card-label text-xxs font-medium tracking-widest uppercase text-white/60 group-hover:text-white mb-1">Workout to Weekend</span>
<span class="font-secondary text-xl font-semibold text-white leading-tight">
Active Edit
</span>
<span class="mt-2 inline-flex items-center gap-1.5 text-xs font-medium tracking-wider uppercase text-white/70 group-hover:text-cool_gray transition-colors duration-300">
Get Started
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 [&amp;_path]:fill-cool_gray group-hover:translate-x-1 transition-transform duration-300">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path>
</svg>

</span>
</div>
</a>
<a class="edit-card group block relative overflow-hidden aspect-[3/4] bg-forest_green" href="/edits/sleep-body/"><img alt="Wantable Sleep &amp; Body Edit" class="card-img absolute inset-0 w-full h-full object-cover group-hover:opacity-80" loading="lazy" onerror="this.style.display=&#39;none&#39;" src="https://cl.wantable.com/image/upload/ar_3:4,c_crop,g_center/c_scale,g_center,w_600/fl_keep_iptc/v1/production/hootuj8h1oudvekanlwv.jpg">
<div class="absolute inset-0 bg-gradient-to-br from-cool_gray/15 via-warm_gray/10 to-forest_green/15"></div>
<div class="absolute inset-0 bg-gradient-to-t from-off_black/60 via-off_black/15 to-transparent"></div>
<div class="card-accent-bar absolute bottom-0 left-0 right-0 h-[3px] bg-mint"></div>
<div class="relative flex flex-col items-start justify-end h-full p-3">
<span class="card-label text-xxs font-medium tracking-widest uppercase text-white/60 group-hover:text-white mb-1">Cozy &amp; Comfortable</span>
<span class="font-secondary text-xl font-semibold text-white leading-tight">
Sleep &amp; Body Edit
</span>
<span class="mt-2 inline-flex items-center gap-1.5 text-xs font-medium tracking-wider uppercase text-white/70 group-hover:text-cool_gray transition-colors duration-300">
Get Started
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 [&amp;_path]:fill-cool_gray group-hover:translate-x-1 transition-transform duration-300">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path>
</svg>

</span>
</div>
</a>
<a class="edit-card group block relative overflow-hidden aspect-[3/4] bg-forest_green" href="/edits/mens-active/"><img alt="Wantable Men&#39;s Active Edit" class="card-img absolute inset-0 w-full h-full object-cover group-hover:opacity-80" loading="lazy" onerror="this.style.display=&#39;none&#39;" src="https://cl.wantable.com/image/upload/ar_3:4,c_crop,g_center/c_scale,g_center,w_600/fl_keep_iptc/v1/production/cbg1qcyzilywv851p95c.jpg">
<div class="absolute inset-0 bg-gradient-to-br from-cool_gray/15 via-warm_gray/10 to-forest_green/15"></div>
<div class="absolute inset-0 bg-gradient-to-t from-off_black/60 via-off_black/15 to-transparent"></div>
<div class="card-accent-bar absolute bottom-0 left-0 right-0 h-[3px] bg-mint"></div>
<div class="relative flex flex-col items-start justify-end h-full p-3">
<span class="card-label text-xxs font-medium tracking-widest uppercase text-white/60 group-hover:text-white mb-1">Performance Gear</span>
<span class="font-secondary text-xl font-semibold text-white leading-tight">
Men&#39;s Active Edit
</span>
<span class="mt-2 inline-flex items-center gap-1.5 text-xs font-medium tracking-wider uppercase text-white/70 group-hover:text-cool_gray transition-colors duration-300">
Get Started
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 [&amp;_path]:fill-cool_gray group-hover:translate-x-1 transition-transform duration-300">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path>
</svg>

</span>
</div>
</a>
</div>
<div class="flex items-center justify-between px-3 py-3">
<div class="flex flex-col gap-2 flex-[0_0_50%]">
<a class="leading-6 text-sm hover:text-off_black hover:underline underline-offset-2 transition-colors" href="/personal-stylist">Personal Styling</a>
<a class="leading-6 text-sm text-wantable-mid hover:text-off_black hover:underline underline-offset-2 transition-colors" href="/frequently-asked-questions">FAQ</a>
</div>
<div class="flex flex-col gap-2 flex-[0_0_50%]">
<a class="leading-6 text-sm hover:text-off_black hover:underline underline-offset-2 transition-colors" href="https://try.wantable.com/mywantable-rewards">MyWantable Rewards™</a>
<a class="leading-6 text-sm hover:text-off_black hover:underline underline-offset-2 transition-colors" href="/stream/">Stream</a>
</div>
</div>

</div>
</details>
<details class="group bg-white" name="expanded-menu">
<summary class="inline-flex justify-between items-center py-4 px-3 sm:px-4 bg-white w-full border-b border-cool_gray">
<span class="font-medium">Themed Edits</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="w-5 h-5 transform transition-transform group-open:rotate-90">
  <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5"></path>
</svg>

</summary>
<div class="border-b border-cool_gray">
<div class="grid grid-cols-2 gap-3 px-3 mt-3">
<div class="col-span-1 gap-2">
<h3 class="font-secondary text-lg font-semibold text-off_black tracking-wide">Style </h3>
<hr class="mt-2 mb-3 border-forest_green">
<ul class="space-y-3 font-primary">
<li>
<a class="flex items-center gap-3 text-sm text-off_black hover:text-forest_green hover:underline underline-offset-2 transition-colors" data-turbo="false" href="https://try.wantable.com/cozytober-style-edit">COZYTOBER® Style
</a></li>
<li>
<a class="flex items-center gap-3 text-sm text-off_black hover:text-forest_green hover:underline underline-offset-2 transition-colors" data-turbo="false" href="https://wntbl.com/45lc4is/">Denim
</a></li>
<li>
<a class="flex items-center gap-3 text-sm text-off_black hover:text-forest_green hover:underline underline-offset-2 transition-colors" data-turbo="false" href="https://try.wantable.com/workwear-style-edit">Workwear
</a></li>
<li>
<a class="flex items-center gap-3 text-sm text-off_black hover:text-forest_green hover:underline underline-offset-2 transition-colors" data-turbo="false" href="https://try.wantable.com/fall-preview">Fall Preview
</a></li>
<li>
<a class="flex items-center gap-3 text-sm text-off_black hover:text-forest_green hover:underline underline-offset-2 transition-colors" data-turbo="false" href="https://try.wantable.com/farmers-market-style-edit">Farmers Market
</a></li>
</ul>

</div>
<div class="col-span-1 gap-2">
<h3 class="font-secondary text-lg font-semibold text-off_black tracking-wide">Active </h3>
<hr class="mt-2 mb-3 border-forest_green">
<ul class="space-y-3 font-primary">
<li>
<a class="flex items-center gap-3 text-sm text-off_black hover:text-forest_green hover:underline underline-offset-2 transition-colors" data-turbo="false" href="https://try.wantable.com/cozytober-active-edit">COZYTOBER® Active
</a></li>
<li>
<a class="flex items-center gap-3 text-sm text-off_black hover:text-forest_green hover:underline underline-offset-2 transition-colors" data-turbo="false" href="https://try.wantable.com/athleisure-active-edit">Athleisure Edit
</a></li>
</ul>

</div>
<div class="col-span-1 gap-2">
<h3 class="font-secondary text-lg font-semibold text-off_black tracking-wide">Sleep &amp; Body </h3>
<hr class="mt-2 mb-3 border-forest_green">
<ul class="space-y-3 font-primary">
<li>
<a class="flex items-center gap-3 text-sm text-off_black hover:text-forest_green hover:underline underline-offset-2 transition-colors" data-turbo="false" href="https://try.wantable.com/cozytober-sleep-body-edit">COZYTOBER® Sleep &amp; Body
</a></li>
</ul>

</div>
<div class="col-span-1 gap-2">
<h3 class="font-secondary text-lg font-semibold text-off_black tracking-wide">Men&#39;s Active </h3>
<hr class="mt-2 mb-3 border-forest_green">
<ul class="space-y-3 font-primary">
<li>
<a class="flex items-center gap-3 text-sm text-off_black hover:text-forest_green hover:underline underline-offset-2 transition-colors" data-turbo="false" href="https://try.wantable.com/cozytober-mens-active-edit">COZYTOBER® Men&#39;s
</a></li>
</ul>

</div>
</div>
<a class="group block relative overflow-hidden aspect-[1/1] max-h-[300px] bg-forest_green mt-4 mx-auto" href="https://try.wantable.com/cozytober"><img alt="COZYTOBER® 2026" class="absolute inset-0 w-full h-full object-cover group-hover:opacity-80" loading="lazy" onerror="this.style.display=&#39;none&#39;" src="https://cl.wantable.com/image/upload/ar_1:1,c_crop,g_center/c_scale,g_center,w_1350/fl_keep_iptc/v1/production/b6jatsmi1r7nc3khoorh.jpg">
<div class="absolute inset-0 bg-gradient-to-br from-off_black/40 via-warm_gray/10 to-white/30"></div>
<div class="absolute inset-0 bg-gradient-to-t from-off_black/40 to-transparent"></div>
<div class="relative flex flex-col items-start justify-end h-full p-2">
<span class="text-sm font-medium tracking-widest uppercase text-white/80 group-hover:text-white mb-2 font-primary">Popular Theme</span>
<span class="font-secondary text-xl font-semibold text-white leading-tight">
COZYTOBER®<br>Edits
</span>
<span class="mt-3 inline-flex items-center gap-1.5 text-sm font-medium tracking-wider uppercase text-white/80 group-hover:text-white transition-colors font-primary">
Explore
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 group-hover:translate-x-1 group-hover:[&amp;_path]:fill-white transition-transform duration-300">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path>
</svg>

</span>
</div>
</a><a class="group flex flex-col mt-4 p-3" href="/themes-all"><h3 class="font-secondary text-lg font-semibold text-off_black mb-1 tracking-wide">All Themes</h3>
<p class="inline-flex items-center gap-2 text-xs font-medium tracking-wider uppercase text-off_black hover:text-forest_green transition-colors">
Browse All
<svg class="w-3.5 h-3.5 group-hover:translate-x-1 transition-transform" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
<path d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</p>
</a>
</div>
</details>
<details class="group bg-white" name="expanded-menu">
<summary class="inline-flex justify-between items-center py-4 px-3 sm:px-4 bg-white w-full border-b border-cool_gray">
<span class="font-semibold nav-featured-label">COZYTOBER®</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="w-5 h-5 transform transition-transform group-open:rotate-90">
  <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5"></path>
</svg>

</summary>
<div class="border-b border-cool_gray">
<div class="grid grid-cols-1 px-3 mt-3">
<h3 class="font-secondary text-lg font-semibold text-off_black tracking-wide">Shop COZYTOBER® Edits</h3>
<hr class="mt-2 mb-3 border-forest_green">
<ul class="space-y-3 font-primary">
<li>
<a class="nav-featured-link flex items-center gap-3 text-sm text-off_black hover:underline underline-offset-2 transition-colors" data-turbo="false" href="https://try.wantable.com/cozytober-style-edit">COZYTOBER® Style Edit</a>
</li>
<li>
<a class="nav-featured-link flex items-center gap-3 text-sm text-off_black hover:underline underline-offset-2 transition-colors" data-turbo="false" href="https://try.wantable.com/cozytober-active-edit">COZYTOBER® Active Edit</a>
</li>
<li>
<a class="nav-featured-link flex items-center gap-3 text-sm text-off_black hover:underline underline-offset-2 transition-colors" data-turbo="false" href="https://try.wantable.com/cozytober-sleep-body-edit">COZYTOBER® Sleep &amp; Body Edit</a>
</li>
<li>
<a class="nav-featured-link flex items-center gap-3 text-sm text-off_black hover:underline underline-offset-2 transition-colors" data-turbo="false" href="https://try.wantable.com/cozytober-mens-active-edit">COZYTOBER® Men&#39;s Active Edit</a>
</li>
</ul>
</div>
<a class="group block relative overflow-hidden aspect-[1/1] max-h-[300px] bg-forest_green my-4 mx-auto" href="https://try.wantable.com/cozytober"><img alt="COZYTOBER® 2026" class="absolute inset-0 w-full h-full object-cover group-hover:opacity-80" loading="lazy" onerror="this.style.display=&#39;none&#39;" src="https://cl.wantable.com/image/upload/ar_1:1,c_crop,g_center/c_scale,g_center,w_400/fl_keep_iptc/v1/production/fhtdstsl5sa9tpuzolsm.jpg">
<div class="absolute inset-0 bg-gradient-to-br from-off_black/40 via-warm_gray/10 to-white/30"></div>
<div class="absolute inset-0 bg-gradient-to-t from-off_black/40 to-transparent"></div>
<div class="relative flex flex-col items-start justify-end h-full p-2">
<span class="text-sm font-medium tracking-widest uppercase text-white/80 group-hover:text-white mb-2 font-primary">Featured Theme</span>
<span class="font-secondary text-xl font-semibold text-white leading-tight">
COZYTOBER®
</span>
<span class="mt-3 inline-flex items-center gap-1.5 text-sm font-medium tracking-wider uppercase text-white/80 group-hover:text-white transition-colors font-primary">
Explore
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 group-hover:translate-x-1 group-hover:[&amp;_path]:fill-white transition-transform duration-300">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path>
</svg>

</span>
</div>
</a>
</div>
</details>
<a target="_self" class="flex w-full py-4 px-3 sm:px-4 bg-white border-b border-cool_gray " rel="noopener" data-turbo="false" href="/how-wantable-works">How It Works</a>
<a target="_self" class="flex w-full py-4 px-3 sm:px-4 bg-white border-b border-cool_gray " rel="noopener" data-turbo="false" href="/frequently-asked-questions">Frequently Asked Questions</a>
<a class="flex w-full py-4 px-3 sm:px-4 bg-white border-b border-off_black/20 " data-turbo="false" href="/stream/">Stream</a>
<a class="relative flex w-full py-4 px-3 sm:px-4 border-b border-off_black/20 " data-turbo="false" href="/sign-in/?user_return_to=%2Fstream%2Fcozytober-style-edit-2026"><span class="font-medium">My Account</span>
<span class="text-xs font-normal underline absolute right-4 top-2/4 -translate-y-2/4">Sign In</span>
</a><a target="_self" class="relative flex w-full py-4 px-3 sm:px-4 border-b border-off_black/20 " data-turbo="false" rel="noopener" aria-label="Learn about Wantable Rewards" href="https://try.wantable.com/mywantable-rewards"><svg xmlns="http://www.w3.org/2000/svg" id="rewards-logo" data-name="Layer 1" viewBox="0 0 213.67 43.16" aria-hidden="true" class="h-7">
  <defs>
    <style>
      #rewards-logo .cls-1 {
        fill: #000;
      }

      #rewards-logo .cls-1, #rewards-logo .cls-2 {
        stroke-width: 0px;
      }

      #rewards-logo .cls-2 {
        fill: #62B5E5;
      }
      #rewards-logo.white .cls-1 {
        fill: #fff;
      }
    </style>
  </defs>
  <g>
    <g>
      <path class="cls-1" d="M46,14.95c-.06-.19-.13-.42-.13-.61,0-.91.76-1.59,1.67-1.59.76,0,1.38.49,1.59,1.16l2.94,9.08,2.96-8.99c.25-.76.83-1.29,1.65-1.29h.25c.83,0,1.4.51,1.65,1.29l2.96,8.99,2.94-9.08c.21-.64.76-1.16,1.57-1.16.89,0,1.61.68,1.61,1.57,0,.19-.06.44-.13.64l-4.15,11.64c-.3.83-.91,1.33-1.69,1.33h-.34c-.78,0-1.38-.49-1.67-1.33l-2.92-8.49-2.92,8.49c-.3.85-.89,1.33-1.67,1.33h-.34c-.78,0-1.4-.51-1.69-1.33l-4.15-11.64Z"></path>
      <path class="cls-1" d="M73.36,25.59l5.16-11.66c.36-.8,1.02-1.29,1.91-1.29h.19c.89,0,1.52.49,1.88,1.29l5.16,11.66c.11.23.17.44.17.66,0,.87-.68,1.57-1.54,1.57-.76,0-1.27-.44-1.57-1.12l-.99-2.33h-6.52l-1.04,2.43c-.28.63-.83,1.02-1.5,1.02-.85,0-1.5-.68-1.5-1.52,0-.23.08-.47.19-.7M82.52,21.48l-2.05-4.89-2.05,4.89h4.11Z"></path>
      <path class="cls-1" d="M95.68,14.42c0-.91.72-1.63,1.63-1.63h.34c.78,0,1.25.38,1.69.95l6.29,8.25v-7.64c0-.89.72-1.61,1.61-1.61s1.61.72,1.61,1.61v11.79c0,.91-.72,1.63-1.63,1.63h-.11c-.78,0-1.25-.38-1.69-.95l-6.52-8.55v7.94c0,.89-.72,1.61-1.61,1.61s-1.61-.72-1.61-1.61v-11.79Z"></path>
      <path class="cls-1" d="M121.14,15.88h-3.13c-.83,0-1.5-.68-1.5-1.5s.68-1.5,1.5-1.5h9.52c.83,0,1.5.68,1.5,1.5s-.68,1.5-1.5,1.5h-3.13v10.31c0,.91-.72,1.63-1.63,1.63s-1.63-.72-1.63-1.63v-10.31Z"></path>
      <path class="cls-1" d="M134.28,25.59l5.16-11.66c.36-.8,1.02-1.29,1.9-1.29h.19c.89,0,1.52.49,1.88,1.29l5.16,11.66c.11.23.17.44.17.66,0,.87-.68,1.57-1.54,1.57-.76,0-1.27-.44-1.57-1.12l-.99-2.33h-6.52l-1.04,2.43c-.27.63-.83,1.02-1.5,1.02-.85,0-1.5-.68-1.5-1.52,0-.23.08-.47.19-.7M143.44,21.48l-2.05-4.89-2.05,4.89h4.11Z"></path>
      <path class="cls-1" d="M156.6,14.5c0-.91.72-1.63,1.63-1.63h5.25c1.69,0,3.03.47,3.87,1.31.68.68,1.02,1.5,1.02,2.52v.04c0,1.67-.89,2.6-1.95,3.2,1.71.66,2.77,1.65,2.77,3.64v.04c0,2.71-2.2,4.06-5.54,4.06h-5.42c-.91,0-1.63-.72-1.63-1.63v-11.56ZM162.78,18.86c1.44,0,2.35-.47,2.35-1.57v-.04c0-.97-.76-1.52-2.14-1.52h-3.22v3.13h3.01ZM163.65,24.83c1.44,0,2.31-.51,2.31-1.61v-.04c0-.99-.74-1.61-2.41-1.61h-3.77v3.26h3.87Z"></path>
      <path class="cls-1" d="M177.17,14.37c0-.91.72-1.63,1.63-1.63s1.63.72,1.63,1.63v10.35h6.03c.83,0,1.48.66,1.48,1.48s-.66,1.48-1.48,1.48h-7.66c-.91,0-1.63-.72-1.63-1.63v-11.68Z"></path>
      <path class="cls-1" d="M195.55,26.06v-11.56c0-.91.72-1.63,1.63-1.63h8.21c.8,0,1.46.66,1.46,1.46s-.66,1.44-1.46,1.44h-6.6v3h5.65c.8,0,1.46.66,1.46,1.46s-.66,1.44-1.46,1.44h-5.65v3.11h6.71c.8,0,1.46.66,1.46,1.46s-.66,1.44-1.46,1.44h-8.32c-.91,0-1.63-.72-1.63-1.63"></path>
    </g>
    <path class="cls-1" d="M20.21,40.43C9.07,40.43,0,31.36,0,20.21S9.07,0,20.21,0s20.21,9.07,20.21,20.21-9.07,20.21-20.21,20.21ZM20.21,3C10.72,3,3,10.72,3,20.21s7.72,17.21,17.21,17.21,17.21-7.72,17.21-17.21S29.71,3,20.21,3Z"></path>
    <g>
      <path class="cls-2" d="M7.67,15.41c0-.71.56-1.26,1.26-1.26h.28c.54,0,.92.28,1.15.66l3.05,4.97,3.07-4.99c.26-.43.62-.64,1.13-.64h.28c.71,0,1.26.56,1.26,1.26v9.13c0,.71-.56,1.26-1.26,1.26s-1.25-.58-1.25-1.26v-5.73l-2.22,3.42c-.26.39-.59.64-1.05.64s-.79-.25-1.05-.64l-2.18-3.37v5.71c0,.69-.56,1.23-1.25,1.23s-1.23-.54-1.23-1.23v-9.16Z"></path>
      <path class="cls-2" d="M26.56,21.27l-3.71-5.04c-.18-.25-.31-.54-.31-.9,0-.67.56-1.21,1.26-1.21.58,0,.94.31,1.25.77l2.79,4.02,2.84-4.06c.31-.46.69-.76,1.21-.76.77,0,1.23.54,1.23,1.23,0,.34-.16.66-.33.89l-3.71,5.01v3.32c0,.71-.56,1.26-1.26,1.26s-1.26-.56-1.26-1.26v-3.27Z"></path>
    </g>
    <g>
      <path class="cls-1" d="M137.27,34.52c1.89,0,2.95.86,2.95,2.37s-1.12,2.38-2.94,2.38h-.34l3.24,3.79h-.93l-3.19-3.79h-1.31v3.79h-.75v-8.54h3.26ZM134.75,35.23v3.38h2.51c1.42,0,2.19-.6,2.19-1.7s-.78-1.67-2.19-1.67h-2.51Z"></path>
      <path class="cls-1" d="M149.9,43.07h-5.88v-8.54h5.84v.7h-5.1v3.19h4.95v.7h-4.95v3.25h5.14v.7Z"></path>
      <path class="cls-1" d="M162.95,43.07h-.91l-2.56-7.58-2.56,7.58h-.91l-2.88-8.54h.79l2.56,7.72,2.59-7.72h.84l2.59,7.71,2.56-7.71h.77l-2.88,8.54Z"></path>
      <path class="cls-1" d="M175.83,43.07h-.8l-1.04-2.5h-4.44l-1.04,2.5h-.78l3.59-8.54h.92l3.59,8.54ZM169.84,39.86h3.85l-1.92-4.61-1.92,4.61Z"></path>
      <path class="cls-1" d="M182.42,34.52c1.89,0,2.95.86,2.95,2.37s-1.12,2.38-2.94,2.38h-.34l3.24,3.79h-.93l-3.19-3.79h-1.31v3.79h-.75v-8.54h3.26ZM179.91,35.23v3.38h2.51c1.42,0,2.19-.6,2.19-1.7s-.78-1.67-2.19-1.67h-2.51Z"></path>
      <path class="cls-1" d="M192.29,34.52c2.84,0,4.62,1.65,4.62,4.27s-1.78,4.27-4.62,4.27h-3.12v-8.54h3.12ZM189.91,35.23v7.13h2.37c2.48,0,3.84-1.4,3.84-3.56s-1.35-3.56-3.84-3.56h-2.37Z"></path>
      <path class="cls-1" d="M206.33,35.98c-.67-.47-1.55-.84-2.67-.84-1.37,0-2.38.63-2.38,1.7,0,.85.63,1.37,2.09,1.53l.93.1c1.52.17,2.62.77,2.62,2.19,0,1.66-1.51,2.49-3.36,2.49-1.28,0-2.55-.47-3.31-1.07l.41-.59c.6.48,1.71.95,2.89.95,1.45,0,2.59-.57,2.59-1.72,0-.93-.75-1.38-2.17-1.54l-.97-.11c-1.56-.18-2.51-.88-2.51-2.19,0-1.58,1.4-2.46,3.16-2.46,1.32,0,2.31.42,3.05.94l-.38.6Z"></path>
    </g>
  </g>
  <path class="cls-1" d="M208.79,15.32v-1.84h-.77v-.61h2.21v.61h-.77v1.84h-.67ZM213,15.32v-1.59l-.5,1.36h-.67l-.51-1.36v1.59h-.67v-2.45h.94l.57,1.47.56-1.47h.94v2.45h-.67Z"></path>
</svg>

</a><details class="group" name="expanded-menu">
<summary class="inline-flex justify-between items-center py-4 px-3 sm:px-4 w-full border-b border-off_black/20">
<span>Customer Care</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="w-5 h-5 transform transition-transform group-open:rotate-90">
  <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5"></path>
</svg>

</summary>
<div class="flex items-center py-3 space-y-4 border-b border-off_black/20">
<div class="flex flex-col px-3">
<a class="py-2" target="_self" data-turbo="false" href="/contact-us">Contact Us</a>
<a class="py-2" target="_self" data-turbo="false" href="https://support.wantable.com/">FAQ</a>
<a class="py-2" target="_self" data-turbo="false" href="/pricing">Pricing</a>
<a class="py-2" target="_self" data-turbo="false" href="https://support.wantable.com/?g=Orders%20%26%20Delivery">Shipping &amp; Delivery</a>
<a class="py-2" target="_self" data-turbo="false" href="https://support.wantable.com/?g=Returns%20%26%20Exchanges">Returns</a>
<a class="py-2" target="_self" data-turbo="false" href="http://blog.wantable.com/wantable-size-chart/">Size Chart</a>
<a class="py-2" target="_self" data-turbo="false" href="/order-tracking/">Order Tracking</a>

</div>
</div>
</details>
<details class="group" name="expanded-menu">
<summary class="inline-flex justify-between items-center py-4 px-3 sm:px-4 w-full border-b border-off_black/20">
<span>Company</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="w-5 h-5 transform transition-transform group-open:rotate-90">
  <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5"></path>
</svg>

</summary>
<div class="flex items-center py-3 space-y-4 border-b border-off_black/20">
<div class="flex flex-col px-3">
<a class="py-2" target="_self" data-turbo="false" href="https://try.wantable.com/mywantable-rewards">MyWantable Rewards™</a>
<a class="py-2" target="_self" data-turbo="false" href="/how-wantable-works">How It Works</a>
<a class="py-2" target="_self" data-turbo="false" href="/our-story">About Us</a>
<a class="py-2" target="_self" data-turbo="false" href="/community">Community</a>
<a class="py-2" target="_self" data-turbo="false" href="http://blog.wantable.com">Blog</a>
<a class="py-2" target="_self" data-turbo="false" href="https://try.wantable.com/influencer-affiliate">Partner Program</a>
<a class="py-2" target="_self" data-turbo="false" href="http://blog.wantable.com/jobs/">Careers</a>
<a class="py-2" target="_self" data-turbo="false" href="/account/credits/">Give $25, Get $25</a>

<a class="py-2" data-turbo="false" href="/gift-cards/">Gift Wantable</a>
</div>
</div>
</details>
</nav>

</div>
<div class="z-100 backdrop-blur-sm" data-header--slide-menu-target="overlay" id="content-overlay"></div>
<div class="flex justify-center">
<main class="w-full">
<turbo-stream action="update" target="stream-variants-list"><template><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-1">
<div class="flex flex-col pb-3 relative max-w-full" data-controller="stream--color-panel" data-stream--color-panel-active-color-id-value="579947" id="variant_579947">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="579947" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-579947"><div class="badge badge-new-arrival pr-2 cursor-pointer" data-action="click-&gt;stream--badge-filter#apply keydown.enter-&gt;stream--badge-filter#apply" data-controller="stream--badge-filter" data-stream--badge-filter-field-value="new_arrivals" data-stream--badge-filter-value-value="true" role="button" tabindex="0">
<span class="">New Arrival</span>
</div>

</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="579941" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-579941"><div class="badge badge-new-arrival pr-2 cursor-pointer" data-action="click-&gt;stream--badge-filter#apply keydown.enter-&gt;stream--badge-filter#apply" data-controller="stream--badge-filter" data-stream--badge-filter-field-value="new_arrivals" data-stream--badge-filter-value-value="true" role="button" tabindex="0">
<span class="">New Arrival</span>
</div>

</turbo-frame></div>
<div class="" data-color-id="579947" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_579947_stream_master-1787871775.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_579947_stream_master-1787871775.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_579947_stream_master-1787871775.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_579947_stream_master-1787855575.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_579947_stream_master-1787855575.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_579947_stream_master-1787855575.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_579947_stream-1787855623.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_579947_stream-1787855623.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_579947_stream-1787855623.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="3" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_579947_stream-1787855594.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_579947_stream-1787855594.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_579947_stream-1787855594.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="4" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_579947_stream_master-1787855570.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_579947_stream_master-1787855570.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_579947_stream_master-1787855570.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="3" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="4" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/579947/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="579941" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_579941_stream_master-1787862819.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_579941_stream_master-1787862819.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_579941_stream_master-1787862819.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_579941_stream_master-1787862801.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_579941_stream_master-1787862801.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_579941_stream_master-1787862801.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_579941_stream_master-1787862776.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_579941_stream_master-1787862776.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_579941_stream_master-1787862776.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="3" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_579941_stream-1787862828.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_579941_stream-1787862828.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_579941_stream-1787862828.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="4" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_579941_stream_master-1787862770.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_579941_stream_master-1787862770.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_579941_stream_master-1787862770.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="3" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="4" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/579941/">Product Details</a>
</div>

</div>
</div>
<div class="w-full flex flex-col mt-2 flex-1 px-1.5">
<h3 class="font-semibold whitespace-nowrap overflow-hidden text-ellipsis">
Janey Cable Knit Cardigan
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
SEAS
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="579947" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Heather Walnut</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$89.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="579941" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Heather Cream</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$89.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>

<div class="flex flex-wrap items-center gap-1 pb-2">
<button class="w-6 h-6 border ring-1 ring-off_black" data-action="stream--color-panel#selectColor" data-color-id="579947" data-color-name="Heather Walnut" data-origin-label="Stream color swatch: Heather Walnut" data-stream--color-panel-target="swatch" style="background-image: url(&#39;https://cl.wantable.com/image/upload/c_fill,h_48,q_auto,w_48/v1/production/wantable/images/Variant_579947_swatch_image-1788008579.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="579941" data-color-name="Heather Cream" data-origin-label="Stream color swatch: Heather Cream" data-stream--color-panel-target="swatch" style="background-image: url(&#39;https://cl.wantable.com/image/upload/c_fill,h_48,q_auto,w_48/v1/production/wantable/images/Variant_579941_swatch_image-1788008580.jpg&#39;); background-size: cover;" type="button"></button>
</div>

<section class="accordion text-sm font-semibold border-t border-b my-2 py-2 overflow-hidden lg:hidden">
<div class="tab">
<input class="absolute opacity-0 -z-1" id="579947" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="579947">Product Details</label>
<div class="tab__content text-sm font-normal max-h-[0px] overflow-hidden transition-all duration-[350ms]">
<div class="content p-1">
<div>
<p>This chunky cable knit cardigan is as classic as it gets. Deep V-neck, button front, and pockets for good measure. Slightly longer for that borrowed-from-the-boys vibe.</p>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>72.0% POLYESTER, 24.0% ACRYLIC, 4.0% SPANDEX</p>
<h6 class="font-bold mt-4 mb-2">Model Info</h6>
<p>
<span>
Brooke is
<span>
<span class="font-bold">Height</span>
<span>5&#39; 10&quot;</span>
</span>
<span>
<span class="font-bold">Bust</span>
<span>32&quot;</span>
</span>
<span>
<span class="font-bold">Waist</span>
<span>24&quot;</span>
</span>
<span>
<span class="font-bold">Hips</span>
<span>35&quot;</span>
</span>
</span>

</p>
<div class="flex flex-col mb-4 text-sm">
<p class="font-semibold mb-2">Fit</p>
<div class="sr-only">
Rating of 1 means Runs small.
Middle rating means True to size.
Rating of 5 means Runs large.
The fit rating of this product is 4 out of 5.
</div>
<div class="flex gap-2" role="presentation">
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-forest_green"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
</div>
<div class="flex justify-between mt-1" role="presentation">
<span class="text-xs">Runs small</span>
<span class="text-xs">True to size</span>
<span class="text-xs">Runs large</span>
</div>
</div>

<div class="inline-flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-5 h-5 mr-2">
  <rect width="24" height="24" fill="white"></rect>
  <g clip-path="url(#clip0_20_117)">
    <path d="M22.5156 7.91667H1.48443C1.15553 7.91667 0.888885 8.24759 0.888885 8.65582V15.9248C0.888885 16.333 1.15553 16.664 1.48443 16.664H22.5156C22.8444 16.664 23.1111 16.333 23.1111 15.9248V8.65582C23.1111 8.24759 22.8444 7.91667 22.5156 7.91667Z" stroke="black" stroke-width="1.5"></path>
    <path d="M4.12145 8H3.37857C3.16948 8 3 8.1206 3 8.26937V12.7306C3 12.8794 3.16948 13 3.37857 13H4.12145C4.33052 13 4.5 12.8794 4.5 12.7306V8.26937C4.5 8.1206 4.33052 8 4.12145 8Z" fill="black"></path>
    <path d="M8.12142 8H7.37854C7.16948 8 7 8.09959 7 8.22246V10.7775C7 10.9004 7.16948 11 7.37854 11H8.12142C8.33052 11 8.5 10.9004 8.5 10.7775V8.22246C8.5 8.09959 8.33052 8 8.12142 8Z" fill="black"></path>
    <path d="M12.1214 8H11.3786C11.1695 8 11 8.1206 11 8.26937V12.7306C11 12.8794 11.1695 13 11.3786 13H12.1214C12.3305 13 12.5 12.8794 12.5 12.7306V8.26937C12.5 8.1206 12.3305 8 12.1214 8Z" fill="black"></path>
    <path d="M16.1214 8H15.3785C15.1695 8 15 8.09959 15 8.22246V10.7775C15 10.9004 15.1695 11 15.3785 11H16.1214C16.3305 11 16.5 10.9004 16.5 10.7775V8.22246C16.5 8.09959 16.3305 8 16.1214 8Z" fill="black"></path>
    <path d="M20.1215 8H19.3786C19.1695 8 19 8.1206 19 8.26937V12.7306C19 12.8794 19.1695 13 19.3786 13H20.1215C20.3305 13 20.5 12.8794 20.5 12.7306V8.26937C20.5 8.1206 20.3305 8 20.1215 8Z" fill="black"></path>
  </g>
  <defs>
    <clipPath id="clip0_20_117">
      <rect width="24" height="11" fill="white" transform="translate(0 7)"></rect>
    </clipPath>
  </defs>
</svg>

<a class="block text-xs underline underline-offset-2" href="http://blog.wantable.com/wantable-size-chart/" target="_blank">
View Size Guide
</a>
</div>
</div>

</div>
</div>
</div>
</section>

<turbo-frame class="empty:hidden" id="stream-tooltip-popup-579947"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="579947" id="stream--variant-size-frame_size_579947"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="579947" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-579947" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-579947"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-579947">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XS (0-2)" data-price="89.0" data-sku="123329-B-1" data-value="579948">
XS (0-2)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="S (2-4)" data-price="89.0" data-sku="123329-B-2" data-value="579949">
S (2-4)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="M (6-8)" data-price="89.0" data-sku="123329-B-3" data-value="579950">
M (6-8)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="L (10-12)" data-price="89.0" data-sku="123329-B-4" data-value="579951">
L (10-12)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XL (14)" data-price="89.0" data-sku="123329-B-5" data-value="579952">
XL (14)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-579947" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-579947 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="579947" data-stream--action-button-position-value="0" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-579947 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="579947" data-stream--action-button-position-value="0" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-579947 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="579947" data-stream--action-button-position-value="0" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1 !hidden" data-stream--color-panel-target="sizeForm" data-color-id="579941" id="stream--variant-size-frame_size_579941"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="579941" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-579941" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-579941"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-579941">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XS (0-2)" data-price="89.0" data-sku="123329-A-1" data-value="579942">
XS (0-2)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="S (2-4)" data-price="89.0" data-sku="123329-A-2" data-value="579943">
S (2-4)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="M (6-8)" data-price="89.0" data-sku="123329-A-3" data-value="579944">
M (6-8)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="L (10-12)" data-price="89.0" data-sku="123329-A-4" data-value="579945">
L (10-12)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XL (14)" data-price="89.0" data-sku="123329-A-5" data-value="579946">
XL (14)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-579941" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-579941 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="579941" data-stream--action-button-position-value="0" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-579941 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="579941" data-stream--action-button-position-value="0" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-579941 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="579941" data-stream--action-button-position-value="0" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
</div>
</div>

<div class="flex flex-col pb-3 relative max-w-full" data-controller="stream--color-panel" data-stream--color-panel-active-color-id-value="559129" id="variant_559129">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="559129" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-559129"><div class="badge badge-bestseller pr-2 cursor-pointer" data-action="click-&gt;stream--badge-filter#apply keydown.enter-&gt;stream--badge-filter#apply" data-controller="stream--badge-filter" data-stream--badge-filter-field-value="bestsellers" data-stream--badge-filter-value-value="true" role="button" tabindex="0">
<span class="">Bestseller</span>
</div>

</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="574316" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-574316"><div class="badge badge-new-arrival pr-2 cursor-pointer" data-action="click-&gt;stream--badge-filter#apply keydown.enter-&gt;stream--badge-filter#apply" data-controller="stream--badge-filter" data-stream--badge-filter-field-value="new_arrivals" data-stream--badge-filter-value-value="true" role="button" tabindex="0">
<span class="">New Arrival</span>
</div>

</turbo-frame></div>
<div class="" data-color-id="559129" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_559129_stream_master-1754683364.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_559129_stream_master-1754683364.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_559129_stream_master-1754683364.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_559129_stream_master-1752874394.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_559129_stream_master-1752874394.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_559129_stream_master-1752874394.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_559129_stream_master-1752874376.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_559129_stream_master-1752874376.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_559129_stream_master-1752874376.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="3" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_559129_stream-1752874385.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_559129_stream-1752874385.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_559129_stream-1752874385.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="3" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/559129/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="574316" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_574316_stream_master-1784554385.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_574316_stream_master-1784554385.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_574316_stream_master-1784554385.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_574316_stream_master-1784554368.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_574316_stream_master-1784554368.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_574316_stream_master-1784554368.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_574316_stream-1784554380.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_574316_stream-1784554380.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_574316_stream-1784554380.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="3" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_574316_stream_master-1784554359.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_574316_stream_master-1784554359.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_574316_stream_master-1784554359.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="3" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/574316/">Product Details</a>
</div>

</div>
</div>
<div class="w-full flex flex-col mt-2 flex-1 px-1.5">
<h3 class="font-semibold whitespace-nowrap overflow-hidden text-ellipsis">
Malou Coated Raincoat
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
Vero Moda
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="559129" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Peat</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$82.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="574316" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Biking Red</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$89.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>

<div class="flex flex-wrap items-center gap-1 pb-2">
<button class="w-6 h-6 border ring-1 ring-off_black" data-action="stream--color-panel#selectColor" data-color-id="559129" data-color-name="Peat" data-origin-label="Stream color swatch: Peat" data-stream--color-panel-target="swatch" style="background-image: url(&#39;https://cl.wantable.com/image/upload/c_fill,h_48,q_auto,w_48/v1/production/wantable/images/Variant_559129_swatch_image-1752874372.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="574316" data-color-name="Biking Red" data-origin-label="Stream color swatch: Biking Red" data-stream--color-panel-target="swatch" style="background-color: #C53D45;" type="button"></button>
</div>

<section class="accordion text-sm font-semibold border-t border-b my-2 py-2 overflow-hidden lg:hidden">
<div class="tab">
<input class="absolute opacity-0 -z-1" id="559129" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="559129">Product Details</label>
<div class="tab__content text-sm font-normal max-h-[0px] overflow-hidden transition-all duration-[350ms]">
<div class="content p-1">
<div>
<p>Stylish and sustainable - this raincoat does it all! Hip-grazing length with an elastic waist, drawstring hood, and flap pockets. Made of a lightweight and water-resistant recycled REPREVE® material with a zip and snap button-front closure.</p>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>100.0% REPREVE® RECYCLED POLYESTER</p>
<h6 class="font-bold mt-4 mb-2">Model Info</h6>
<p>
</p>
<div class="flex flex-col mb-4 text-sm">
<p class="font-semibold mb-2">Fit</p>
<div class="sr-only">
Rating of 1 means Runs small.
Middle rating means True to size.
Rating of 5 means Runs large.
The fit rating of this product is 4 out of 5.
</div>
<div class="flex gap-2" role="presentation">
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-forest_green"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
</div>
<div class="flex justify-between mt-1" role="presentation">
<span class="text-xs">Runs small</span>
<span class="text-xs">True to size</span>
<span class="text-xs">Runs large</span>
</div>
</div>

<div class="inline-flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-5 h-5 mr-2">
  <rect width="24" height="24" fill="white"></rect>
  <g clip-path="url(#clip0_20_117)">
    <path d="M22.5156 7.91667H1.48443C1.15553 7.91667 0.888885 8.24759 0.888885 8.65582V15.9248C0.888885 16.333 1.15553 16.664 1.48443 16.664H22.5156C22.8444 16.664 23.1111 16.333 23.1111 15.9248V8.65582C23.1111 8.24759 22.8444 7.91667 22.5156 7.91667Z" stroke="black" stroke-width="1.5"></path>
    <path d="M4.12145 8H3.37857C3.16948 8 3 8.1206 3 8.26937V12.7306C3 12.8794 3.16948 13 3.37857 13H4.12145C4.33052 13 4.5 12.8794 4.5 12.7306V8.26937C4.5 8.1206 4.33052 8 4.12145 8Z" fill="black"></path>
    <path d="M8.12142 8H7.37854C7.16948 8 7 8.09959 7 8.22246V10.7775C7 10.9004 7.16948 11 7.37854 11H8.12142C8.33052 11 8.5 10.9004 8.5 10.7775V8.22246C8.5 8.09959 8.33052 8 8.12142 8Z" fill="black"></path>
    <path d="M12.1214 8H11.3786C11.1695 8 11 8.1206 11 8.26937V12.7306C11 12.8794 11.1695 13 11.3786 13H12.1214C12.3305 13 12.5 12.8794 12.5 12.7306V8.26937C12.5 8.1206 12.3305 8 12.1214 8Z" fill="black"></path>
    <path d="M16.1214 8H15.3785C15.1695 8 15 8.09959 15 8.22246V10.7775C15 10.9004 15.1695 11 15.3785 11H16.1214C16.3305 11 16.5 10.9004 16.5 10.7775V8.22246C16.5 8.09959 16.3305 8 16.1214 8Z" fill="black"></path>
    <path d="M20.1215 8H19.3786C19.1695 8 19 8.1206 19 8.26937V12.7306C19 12.8794 19.1695 13 19.3786 13H20.1215C20.3305 13 20.5 12.8794 20.5 12.7306V8.26937C20.5 8.1206 20.3305 8 20.1215 8Z" fill="black"></path>
  </g>
  <defs>
    <clipPath id="clip0_20_117">
      <rect width="24" height="11" fill="white" transform="translate(0 7)"></rect>
    </clipPath>
  </defs>
</svg>

<a class="block text-xs underline underline-offset-2" href="http://blog.wantable.com/wantable-size-chart/" target="_blank">
View Size Guide
</a>
</div>
</div>

</div>
</div>
</div>
</section>

<turbo-frame class="empty:hidden" id="stream-tooltip-popup-559129"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="559129" id="stream--variant-size-frame_size_559129"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="559129" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-559129" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-559129"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-559129">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XS (0-2)" data-price="82.0" data-sku="121793-A-1" data-value="559130">
XS (0-2)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="S (2-4)" data-price="82.0" data-sku="121793-A-2" data-value="559131">
S (2-4)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="M (6-8)" data-price="82.0" data-sku="121793-A-3" data-value="559132">
M (6-8)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="L (10-12)" data-price="82.0" data-sku="121793-A-4" data-value="559133">
L (10-12)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XL (14)" data-price="82.0" data-sku="121793-A-5" data-value="559134">
XL (14)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-559129" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-559129 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="559129" data-stream--action-button-position-value="1" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-559129 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="559129" data-stream--action-button-position-value="1" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-559129 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="559129" data-stream--action-button-position-value="1" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1 !hidden" data-stream--color-panel-target="sizeForm" data-color-id="574316" id="stream--variant-size-frame_size_574316"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="574316" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-574316" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-574316"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-574316">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XS (0-2)" data-price="89.0" data-sku="121793-B-1" data-value="574317">
XS (0-2)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="S (2-4)" data-price="89.0" data-sku="121793-B-2" data-value="574318">
S (2-4)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="M (6-8)" data-price="89.0" data-sku="121793-B-3" data-value="574319">
M (6-8)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="L (10-12)" data-price="89.0" data-sku="121793-B-4" data-value="574320">
L (10-12)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XL (14)" data-price="89.0" data-sku="121793-B-5" data-value="574321">
XL (14)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-574316" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-574316 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="574316" data-stream--action-button-position-value="1" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-574316 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="574316" data-stream--action-button-position-value="1" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-574316 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="574316" data-stream--action-button-position-value="1" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
</div>
</div>

<div class="flex flex-col pb-3 relative max-w-full" data-controller="stream--color-panel" data-stream--color-panel-active-color-id-value="540573" id="variant_540573">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="540573" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-540573"><div class="badge badge-bestseller pr-2 cursor-pointer" data-action="click-&gt;stream--badge-filter#apply keydown.enter-&gt;stream--badge-filter#apply" data-controller="stream--badge-filter" data-stream--badge-filter-field-value="bestsellers" data-stream--badge-filter-value-value="true" role="button" tabindex="0">
<span class="">Bestseller</span>
</div>

</turbo-frame></div>
<div class="" data-color-id="540573" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_540573_stream_master-1728435778.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_540573_stream_master-1728435778.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_540573_stream_master-1728435778.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_540573_stream_master-1728435775.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_540573_stream_master-1728435775.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_540573_stream_master-1728435775.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_540573_stream_master-1728435761.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_540573_stream_master-1728435761.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_540573_stream_master-1728435761.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="3" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_540573_stream-1728516788.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_540573_stream-1728516788.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_540573_stream-1728516788.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="3" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/540573/">Product Details</a>
</div>

</div>
</div>
<div class="w-full flex flex-col mt-2 flex-1 px-1.5">
<h3 class="font-semibold whitespace-nowrap overflow-hidden text-ellipsis">
Super High Rise Wide Leg Jeans
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
Mica Denim
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="540573" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Dark Grey</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$89.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>


<section class="accordion text-sm font-semibold border-t border-b my-2 py-2 overflow-hidden lg:hidden">
<div class="tab">
<input class="absolute opacity-0 -z-1" id="540573" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="540573">Product Details</label>
<div class="tab__content text-sm font-normal max-h-[0px] overflow-hidden transition-all duration-[350ms]">
<div class="content p-1">
<div>
<p>Two words: chic comfort. These wide leg jeans feature a super high-rise waist, ankle length and a raw raw-cut hem for a cool edge. So stretchy-soft in a durable denim you can wear anywhere.</p>
<div class="mt-4 mb-4">
<div class="flex flex-row">
<p class="font-bold mr-1 5 w-24">Inseam:</p>
<span class="font-regular">29.0"</span>
</div>

<div class="flex flex-row">
<p class="font-bold mr-1 5 w-24">Rise:</p>
<span class="font-regular">
11.0&quot;
</span>
</div>

</div>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>34.0% VISCOSE, 32.0% COTTON, 32.0% POLYESTER, 2.0% SPANDEX</p>
<h6 class="font-bold mt-4 mb-2">Model Info</h6>
<p>
</p>
<div class="flex flex-col mb-4 text-sm">
<p class="font-semibold mb-2">Fit</p>
<div class="sr-only">
Rating of 1 means Runs small.
Middle rating means True to size.
Rating of 5 means Runs large.
The fit rating of this product is 4 out of 5.
</div>
<div class="flex gap-2" role="presentation">
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-forest_green"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
</div>
<div class="flex justify-between mt-1" role="presentation">
<span class="text-xs">Runs small</span>
<span class="text-xs">True to size</span>
<span class="text-xs">Runs large</span>
</div>
</div>

<div class="inline-flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-5 h-5 mr-2">
  <rect width="24" height="24" fill="white"></rect>
  <g clip-path="url(#clip0_20_117)">
    <path d="M22.5156 7.91667H1.48443C1.15553 7.91667 0.888885 8.24759 0.888885 8.65582V15.9248C0.888885 16.333 1.15553 16.664 1.48443 16.664H22.5156C22.8444 16.664 23.1111 16.333 23.1111 15.9248V8.65582C23.1111 8.24759 22.8444 7.91667 22.5156 7.91667Z" stroke="black" stroke-width="1.5"></path>
    <path d="M4.12145 8H3.37857C3.16948 8 3 8.1206 3 8.26937V12.7306C3 12.8794 3.16948 13 3.37857 13H4.12145C4.33052 13 4.5 12.8794 4.5 12.7306V8.26937C4.5 8.1206 4.33052 8 4.12145 8Z" fill="black"></path>
    <path d="M8.12142 8H7.37854C7.16948 8 7 8.09959 7 8.22246V10.7775C7 10.9004 7.16948 11 7.37854 11H8.12142C8.33052 11 8.5 10.9004 8.5 10.7775V8.22246C8.5 8.09959 8.33052 8 8.12142 8Z" fill="black"></path>
    <path d="M12.1214 8H11.3786C11.1695 8 11 8.1206 11 8.26937V12.7306C11 12.8794 11.1695 13 11.3786 13H12.1214C12.3305 13 12.5 12.8794 12.5 12.7306V8.26937C12.5 8.1206 12.3305 8 12.1214 8Z" fill="black"></path>
    <path d="M16.1214 8H15.3785C15.1695 8 15 8.09959 15 8.22246V10.7775C15 10.9004 15.1695 11 15.3785 11H16.1214C16.3305 11 16.5 10.9004 16.5 10.7775V8.22246C16.5 8.09959 16.3305 8 16.1214 8Z" fill="black"></path>
    <path d="M20.1215 8H19.3786C19.1695 8 19 8.1206 19 8.26937V12.7306C19 12.8794 19.1695 13 19.3786 13H20.1215C20.3305 13 20.5 12.8794 20.5 12.7306V8.26937C20.5 8.1206 20.3305 8 20.1215 8Z" fill="black"></path>
  </g>
  <defs>
    <clipPath id="clip0_20_117">
      <rect width="24" height="11" fill="white" transform="translate(0 7)"></rect>
    </clipPath>
  </defs>
</svg>

<a class="block text-xs underline underline-offset-2" href="http://blog.wantable.com/wantable-size-chart/" target="_blank">
View Size Guide
</a>
</div>
</div>

</div>
</div>
</div>
</section>

<turbo-frame class="empty:hidden" id="stream-tooltip-popup-540573"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="540573" id="stream--variant-size-frame_size_540573"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="540573" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-540573" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-540573"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-540573">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="24" data-price="89.0" data-sku="120741-A-1" data-value="540574">
24
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="25" data-price="89.0" data-sku="120741-A-8" data-value="551275">
25
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="26" data-price="89.0" data-sku="120741-A-9" data-value="551276">
26
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="27" data-price="89.0" data-sku="120741-A-2" data-value="540575">
27
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="28" data-price="89.0" data-sku="120741-A-3" data-value="540576">
28
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="29" data-price="89.0" data-sku="120741-A-4" data-value="540577">
29
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="30" data-price="89.0" data-sku="120741-A-5" data-value="540578">
30
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="31" data-price="89.0" data-sku="120741-A-6" data-value="540579">
31
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="32" data-price="89.0" data-sku="120741-A-7" data-value="540580">
32
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-540573" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-540573 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="540573" data-stream--action-button-position-value="2" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-540573 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="540573" data-stream--action-button-position-value="2" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-540573 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="540573" data-stream--action-button-position-value="2" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
</div>
</div>

<div class="flex flex-col pb-3 relative max-w-full" data-controller="stream--color-panel" data-stream--color-panel-active-color-id-value="579893" id="variant_579893">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="579893" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-579893"><div class="badge badge-new-arrival pr-2 cursor-pointer" data-action="click-&gt;stream--badge-filter#apply keydown.enter-&gt;stream--badge-filter#apply" data-controller="stream--badge-filter" data-stream--badge-filter-field-value="new_arrivals" data-stream--badge-filter-value-value="true" role="button" tabindex="0">
<span class="">New Arrival</span>
</div>

</turbo-frame></div>
<div class="" data-color-id="579893" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_579893_stream_master-1787861006.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_579893_stream_master-1787861006.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_579893_stream_master-1787861006.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_579893_stream_master-1787855580.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_579893_stream_master-1787855580.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_579893_stream_master-1787855580.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_579893_stream-1787855627.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_579893_stream-1787855627.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_579893_stream-1787855627.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="3" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_579893_stream-1787855600.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_579893_stream-1787855600.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_579893_stream-1787855600.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="4" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_579893_stream_master-1787855578.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_579893_stream_master-1787855578.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_579893_stream_master-1787855578.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="3" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="4" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/579893/">Product Details</a>
</div>

</div>
</div>
<div class="w-full flex flex-col mt-2 flex-1 px-1.5">
<h3 class="font-semibold whitespace-nowrap overflow-hidden text-ellipsis">
Cassie Mock Neck Sweater
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
SEAS
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="579893" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Heather Cinder</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$69.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>


<section class="accordion text-sm font-semibold border-t border-b my-2 py-2 overflow-hidden lg:hidden">
<div class="tab">
<input class="absolute opacity-0 -z-1" id="579893" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="579893">Product Details</label>
<div class="tab__content text-sm font-normal max-h-[0px] overflow-hidden transition-all duration-[350ms]">
<div class="content p-1">
<div>
<p>Like a soft little layer of quiet luxury. This mock neck sweater wraps you in a thick ribbed knit with a cloud-soft feel, an easy silhouette, and just enough structure to make cozy look beautifully intentional.</p>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>72.0% POLYESTER, 24.0% ACRYLIC, 4.0% SPANDEX</p>
<h6 class="font-bold mt-4 mb-2">Model Info</h6>
<p>
<span>
Brooke is
<span>
<span class="font-bold">Height</span>
<span>5&#39; 10&quot;</span>
</span>
<span>
<span class="font-bold">Bust</span>
<span>32&quot;</span>
</span>
<span>
<span class="font-bold">Waist</span>
<span>24&quot;</span>
</span>
<span>
<span class="font-bold">Hips</span>
<span>35&quot;</span>
</span>
</span>

</p>
<div class="flex flex-col mb-4 text-sm">
<p class="font-semibold mb-2">Fit</p>
<div class="sr-only">
Rating of 1 means Runs small.
Middle rating means True to size.
Rating of 5 means Runs large.
The fit rating of this product is 5 out of 5.
</div>
<div class="flex gap-2" role="presentation">
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-forest_green"></div>
</div>
<div class="flex justify-between mt-1" role="presentation">
<span class="text-xs">Runs small</span>
<span class="text-xs">True to size</span>
<span class="text-xs">Runs large</span>
</div>
</div>

<div class="inline-flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-5 h-5 mr-2">
  <rect width="24" height="24" fill="white"></rect>
  <g clip-path="url(#clip0_20_117)">
    <path d="M22.5156 7.91667H1.48443C1.15553 7.91667 0.888885 8.24759 0.888885 8.65582V15.9248C0.888885 16.333 1.15553 16.664 1.48443 16.664H22.5156C22.8444 16.664 23.1111 16.333 23.1111 15.9248V8.65582C23.1111 8.24759 22.8444 7.91667 22.5156 7.91667Z" stroke="black" stroke-width="1.5"></path>
    <path d="M4.12145 8H3.37857C3.16948 8 3 8.1206 3 8.26937V12.7306C3 12.8794 3.16948 13 3.37857 13H4.12145C4.33052 13 4.5 12.8794 4.5 12.7306V8.26937C4.5 8.1206 4.33052 8 4.12145 8Z" fill="black"></path>
    <path d="M8.12142 8H7.37854C7.16948 8 7 8.09959 7 8.22246V10.7775C7 10.9004 7.16948 11 7.37854 11H8.12142C8.33052 11 8.5 10.9004 8.5 10.7775V8.22246C8.5 8.09959 8.33052 8 8.12142 8Z" fill="black"></path>
    <path d="M12.1214 8H11.3786C11.1695 8 11 8.1206 11 8.26937V12.7306C11 12.8794 11.1695 13 11.3786 13H12.1214C12.3305 13 12.5 12.8794 12.5 12.7306V8.26937C12.5 8.1206 12.3305 8 12.1214 8Z" fill="black"></path>
    <path d="M16.1214 8H15.3785C15.1695 8 15 8.09959 15 8.22246V10.7775C15 10.9004 15.1695 11 15.3785 11H16.1214C16.3305 11 16.5 10.9004 16.5 10.7775V8.22246C16.5 8.09959 16.3305 8 16.1214 8Z" fill="black"></path>
    <path d="M20.1215 8H19.3786C19.1695 8 19 8.1206 19 8.26937V12.7306C19 12.8794 19.1695 13 19.3786 13H20.1215C20.3305 13 20.5 12.8794 20.5 12.7306V8.26937C20.5 8.1206 20.3305 8 20.1215 8Z" fill="black"></path>
  </g>
  <defs>
    <clipPath id="clip0_20_117">
      <rect width="24" height="11" fill="white" transform="translate(0 7)"></rect>
    </clipPath>
  </defs>
</svg>

<a class="block text-xs underline underline-offset-2" href="http://blog.wantable.com/wantable-size-chart/" target="_blank">
View Size Guide
</a>
</div>
</div>

</div>
</div>
</div>
</section>

<turbo-frame class="empty:hidden" id="stream-tooltip-popup-579893"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="579893" id="stream--variant-size-frame_size_579893"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="579893" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-579893" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-579893"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-579893">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XS (0-2)" data-price="69.0" data-sku="123323-A-1" data-value="579894">
XS (0-2)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="S (2-4)" data-price="69.0" data-sku="123323-A-2" data-value="579895">
S (2-4)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="M (6-8)" data-price="69.0" data-sku="123323-A-3" data-value="579896">
M (6-8)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="L (10-12)" data-price="69.0" data-sku="123323-A-4" data-value="579897">
L (10-12)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XL (14)" data-price="69.0" data-sku="123323-A-5" data-value="579898">
XL (14)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-579893" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-579893 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="579893" data-stream--action-button-position-value="3" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-579893 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="579893" data-stream--action-button-position-value="3" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-579893 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="579893" data-stream--action-button-position-value="3" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
</div>
</div>

<div class="flex flex-col pb-3 relative max-w-full" data-controller="stream--color-panel" data-stream--color-panel-active-color-id-value="583727" id="variant_583727">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="583727" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-583727"><div class="badge badge-new-arrival pr-2 cursor-pointer" data-action="click-&gt;stream--badge-filter#apply keydown.enter-&gt;stream--badge-filter#apply" data-controller="stream--badge-filter" data-stream--badge-filter-field-value="new_arrivals" data-stream--badge-filter-value-value="true" role="button" tabindex="0">
<span class="">New Arrival</span>
</div>

</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="583721" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-583721"><div class="badge badge-new-arrival pr-2 cursor-pointer" data-action="click-&gt;stream--badge-filter#apply keydown.enter-&gt;stream--badge-filter#apply" data-controller="stream--badge-filter" data-stream--badge-filter-field-value="new_arrivals" data-stream--badge-filter-value-value="true" role="button" tabindex="0">
<span class="">New Arrival</span>
</div>

</turbo-frame></div>
<div class="" data-color-id="583727" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_583727_stream_master-1788462178.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_583727_stream_master-1788462178.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_583727_stream_master-1788462178.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_583727_stream-1788462188.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_583727_stream-1788462188.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_583727_stream-1788462188.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_583727_stream-1788462237.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_583727_stream-1788462237.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_583727_stream-1788462237.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="3" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_583727_stream_master-1784831565.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_583727_stream_master-1784831565.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_583727_stream_master-1784831565.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="3" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/583727/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="583721" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_583721_stream_master-1788462174.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_583721_stream_master-1788462174.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_583721_stream_master-1788462174.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_583721_stream-1788462193.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_583721_stream-1788462193.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_583721_stream-1788462193.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_583721_stream-1788462230.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_583721_stream-1788462230.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_583721_stream-1788462230.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="3" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_583721_stream_master-1784755964.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_583721_stream_master-1784755964.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_583721_stream_master-1784755964.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="3" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/583721/">Product Details</a>
</div>

</div>
</div>
<div class="w-full flex flex-col mt-2 flex-1 px-1.5">
<h3 class="font-semibold whitespace-nowrap overflow-hidden text-ellipsis">
Notch Collar Boucle Topper
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
Kenneth Cole
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="583727" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Mocha</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$129.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="583721" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Black</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$129.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>

<div class="flex flex-wrap items-center gap-1 pb-2">
<button class="w-6 h-6 border ring-1 ring-off_black" data-action="stream--color-panel#selectColor" data-color-id="583727" data-color-name="Mocha" data-origin-label="Stream color swatch: Mocha" data-stream--color-panel-target="swatch" style="background-color: #9B6B43;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="583721" data-color-name="Black" data-origin-label="Stream color swatch: Black" data-stream--color-panel-target="swatch" style="background-color: #000000;" type="button"></button>
</div>

<section class="accordion text-sm font-semibold border-t border-b my-2 py-2 overflow-hidden lg:hidden">
<div class="tab">
<input class="absolute opacity-0 -z-1" id="583727" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="583727">Product Details</label>
<div class="tab__content text-sm font-normal max-h-[0px] overflow-hidden transition-all duration-[350ms]">
<div class="content p-1">
<div>
<p>Get ready to take on winter in this cozy coat! Open front with a detachable belt, two pockets and a silky-soft lining. Made of a so-soft boucle with a relaxed fit you can layer over anything.</p>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>100.0% POLYESTER</p>
<h6 class="font-bold mt-4 mb-2">Model Info</h6>
<p>
<span>
Yulia is
<span>
<span class="font-bold">Height</span>
<span>5&#39; 10&quot;</span>
</span>
<span>
<span class="font-bold">Bust</span>
<span>32&quot;</span>
</span>
<span>
<span class="font-bold">Waist</span>
<span>24&quot;</span>
</span>
<span>
<span class="font-bold">Hips</span>
<span>35&quot;</span>
</span>
</span>

</p>
<div class="flex flex-col mb-4 text-sm">
<p class="font-semibold mb-2">Fit</p>
<div class="sr-only">
Rating of 1 means Runs small.
Middle rating means True to size.
Rating of 5 means Runs large.
The fit rating of this product is 4 out of 5.
</div>
<div class="flex gap-2" role="presentation">
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-forest_green"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
</div>
<div class="flex justify-between mt-1" role="presentation">
<span class="text-xs">Runs small</span>
<span class="text-xs">True to size</span>
<span class="text-xs">Runs large</span>
</div>
</div>

<div class="inline-flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-5 h-5 mr-2">
  <rect width="24" height="24" fill="white"></rect>
  <g clip-path="url(#clip0_20_117)">
    <path d="M22.5156 7.91667H1.48443C1.15553 7.91667 0.888885 8.24759 0.888885 8.65582V15.9248C0.888885 16.333 1.15553 16.664 1.48443 16.664H22.5156C22.8444 16.664 23.1111 16.333 23.1111 15.9248V8.65582C23.1111 8.24759 22.8444 7.91667 22.5156 7.91667Z" stroke="black" stroke-width="1.5"></path>
    <path d="M4.12145 8H3.37857C3.16948 8 3 8.1206 3 8.26937V12.7306C3 12.8794 3.16948 13 3.37857 13H4.12145C4.33052 13 4.5 12.8794 4.5 12.7306V8.26937C4.5 8.1206 4.33052 8 4.12145 8Z" fill="black"></path>
    <path d="M8.12142 8H7.37854C7.16948 8 7 8.09959 7 8.22246V10.7775C7 10.9004 7.16948 11 7.37854 11H8.12142C8.33052 11 8.5 10.9004 8.5 10.7775V8.22246C8.5 8.09959 8.33052 8 8.12142 8Z" fill="black"></path>
    <path d="M12.1214 8H11.3786C11.1695 8 11 8.1206 11 8.26937V12.7306C11 12.8794 11.1695 13 11.3786 13H12.1214C12.3305 13 12.5 12.8794 12.5 12.7306V8.26937C12.5 8.1206 12.3305 8 12.1214 8Z" fill="black"></path>
    <path d="M16.1214 8H15.3785C15.1695 8 15 8.09959 15 8.22246V10.7775C15 10.9004 15.1695 11 15.3785 11H16.1214C16.3305 11 16.5 10.9004 16.5 10.7775V8.22246C16.5 8.09959 16.3305 8 16.1214 8Z" fill="black"></path>
    <path d="M20.1215 8H19.3786C19.1695 8 19 8.1206 19 8.26937V12.7306C19 12.8794 19.1695 13 19.3786 13H20.1215C20.3305 13 20.5 12.8794 20.5 12.7306V8.26937C20.5 8.1206 20.3305 8 20.1215 8Z" fill="black"></path>
  </g>
  <defs>
    <clipPath id="clip0_20_117">
      <rect width="24" height="11" fill="white" transform="translate(0 7)"></rect>
    </clipPath>
  </defs>
</svg>

<a class="block text-xs underline underline-offset-2" href="http://blog.wantable.com/wantable-size-chart/" target="_blank">
View Size Guide
</a>
</div>
</div>

</div>
</div>
</div>
</section>

<turbo-frame class="empty:hidden" id="stream-tooltip-popup-583727"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="583727" id="stream--variant-size-frame_size_583727"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="583727" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-583727" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-583727"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-583727">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XS (0-2)" data-price="129.0" data-sku="123666-B-1" data-value="583728">
XS (0-2)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="S (2-4)" data-price="129.0" data-sku="123666-B-2" data-value="583729">
S (2-4)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="M (6-8)" data-price="129.0" data-sku="123666-B-3" data-value="583730">
M (6-8)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="L (10-12)" data-price="129.0" data-sku="123666-B-4" data-value="583731">
L (10-12)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XL (14)" data-price="129.0" data-sku="123666-B-5" data-value="583732">
XL (14)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-583727" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-583727 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="583727" data-stream--action-button-position-value="4" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-583727 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="583727" data-stream--action-button-position-value="4" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-583727 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="583727" data-stream--action-button-position-value="4" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1 !hidden" data-stream--color-panel-target="sizeForm" data-color-id="583721" id="stream--variant-size-frame_size_583721"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="583721" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-583721" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-583721"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-583721">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XS (0-2)" data-price="129.0" data-sku="123666-A-1" data-value="583722">
XS (0-2)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="S (2-4)" data-price="129.0" data-sku="123666-A-2" data-value="583723">
S (2-4)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="M (6-8)" data-price="129.0" data-sku="123666-A-3" data-value="583724">
M (6-8)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="L (10-12)" data-price="129.0" data-sku="123666-A-4" data-value="583725">
L (10-12)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XL (14)" data-price="129.0" data-sku="123666-A-5" data-value="583726">
XL (14)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-583721" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-583721 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="583721" data-stream--action-button-position-value="4" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-583721 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="583721" data-stream--action-button-position-value="4" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-583721 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="583721" data-stream--action-button-position-value="4" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
</div>
</div>

<div class="flex flex-col pb-3 relative max-w-full" data-controller="stream--color-panel" data-stream--color-panel-active-color-id-value="580029" id="variant_580029">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="580029" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-580029"><div class="badge badge-new-arrival pr-2 cursor-pointer" data-action="click-&gt;stream--badge-filter#apply keydown.enter-&gt;stream--badge-filter#apply" data-controller="stream--badge-filter" data-stream--badge-filter-field-value="new_arrivals" data-stream--badge-filter-value-value="true" role="button" tabindex="0">
<span class="">New Arrival</span>
</div>

</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="580023" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-580023"><div class="badge badge-new-arrival pr-2 cursor-pointer" data-action="click-&gt;stream--badge-filter#apply keydown.enter-&gt;stream--badge-filter#apply" data-controller="stream--badge-filter" data-stream--badge-filter-field-value="new_arrivals" data-stream--badge-filter-value-value="true" role="button" tabindex="0">
<span class="">New Arrival</span>
</div>

</turbo-frame></div>
<div class="" data-color-id="580029" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580029_stream_master-1787857418.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580029_stream_master-1787857418.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580029_stream_master-1787857418.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580029_stream-1787862798.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580029_stream-1787862798.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580029_stream-1787862798.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580029_stream-1787862770.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580029_stream-1787862770.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580029_stream-1787862770.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="3" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580029_stream-1787862818.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580029_stream-1787862818.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580029_stream-1787862818.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="4" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580029_stream_master-1787857389.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580029_stream_master-1787857389.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580029_stream_master-1787857389.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="5" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580029_stream_master-1787077982.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580029_stream_master-1787077982.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580029_stream_master-1787077982.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="3" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="4" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="5" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/580029/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="580023" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580023_stream_master-1787862813.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580023_stream_master-1787862813.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580023_stream_master-1787862813.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580023_stream_master-1787857401.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580023_stream_master-1787857401.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580023_stream_master-1787857401.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580023_stream-1787857433.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580023_stream-1787857433.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580023_stream-1787857433.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="3" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580023_stream-1787862815.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580023_stream-1787862815.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580023_stream-1787862815.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="4" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580023_stream-1787862767.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580023_stream-1787862767.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580023_stream-1787862767.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="5" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580023_stream_master-1787077979.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580023_stream_master-1787077979.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580023_stream_master-1787077979.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="3" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="4" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="5" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/580023/">Product Details</a>
</div>

</div>
</div>
<div class="w-full flex flex-col mt-2 flex-1 px-1.5">
<h3 class="font-semibold whitespace-nowrap overflow-hidden text-ellipsis">
Franklin Mock Neck Sweater
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
Herizon
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="580029" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Wave</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$79.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="580023" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Heather Grey</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$79.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>

<div class="flex flex-wrap items-center gap-1 pb-2">
<button class="w-6 h-6 border ring-1 ring-off_black" data-action="stream--color-panel#selectColor" data-color-id="580029" data-color-name="Wave" data-origin-label="Stream color swatch: Wave" data-stream--color-panel-target="swatch" style="background-color: #5D7FBF;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="580023" data-color-name="Heather Grey" data-origin-label="Stream color swatch: Heather Grey" data-stream--color-panel-target="swatch" style="background-color: #6B6B6B;" type="button"></button>
</div>

<section class="accordion text-sm font-semibold border-t border-b my-2 py-2 overflow-hidden lg:hidden">
<div class="tab">
<input class="absolute opacity-0 -z-1" id="580029" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="580029">Product Details</label>
<div class="tab__content text-sm font-normal max-h-[0px] overflow-hidden transition-all duration-[350ms]">
<div class="content p-1">
<div>
<p>Your fall plans called for a cozy plus-one. This relaxed sweater features an eye-catching pattern and stretchy ribbed trims that lock in warmth. Throw it on with jeans for holiday markets, cabin weekends and every crisp-weather outing in between.</p>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>100.0% ACRYLIC</p>
<h6 class="font-bold mt-4 mb-2">Model Info</h6>
<p>
<span>
Brooke is
<span>
<span class="font-bold">Height</span>
<span>5&#39; 10&quot;</span>
</span>
<span>
<span class="font-bold">Bust</span>
<span>32&quot;</span>
</span>
<span>
<span class="font-bold">Waist</span>
<span>24&quot;</span>
</span>
<span>
<span class="font-bold">Hips</span>
<span>35&quot;</span>
</span>
</span>

</p>
<div class="flex flex-col mb-4 text-sm">
<p class="font-semibold mb-2">Fit</p>
<div class="sr-only">
Rating of 1 means Runs small.
Middle rating means True to size.
Rating of 5 means Runs large.
The fit rating of this product is 5 out of 5.
</div>
<div class="flex gap-2" role="presentation">
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-forest_green"></div>
</div>
<div class="flex justify-between mt-1" role="presentation">
<span class="text-xs">Runs small</span>
<span class="text-xs">True to size</span>
<span class="text-xs">Runs large</span>
</div>
</div>

<div class="inline-flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-5 h-5 mr-2">
  <rect width="24" height="24" fill="white"></rect>
  <g clip-path="url(#clip0_20_117)">
    <path d="M22.5156 7.91667H1.48443C1.15553 7.91667 0.888885 8.24759 0.888885 8.65582V15.9248C0.888885 16.333 1.15553 16.664 1.48443 16.664H22.5156C22.8444 16.664 23.1111 16.333 23.1111 15.9248V8.65582C23.1111 8.24759 22.8444 7.91667 22.5156 7.91667Z" stroke="black" stroke-width="1.5"></path>
    <path d="M4.12145 8H3.37857C3.16948 8 3 8.1206 3 8.26937V12.7306C3 12.8794 3.16948 13 3.37857 13H4.12145C4.33052 13 4.5 12.8794 4.5 12.7306V8.26937C4.5 8.1206 4.33052 8 4.12145 8Z" fill="black"></path>
    <path d="M8.12142 8H7.37854C7.16948 8 7 8.09959 7 8.22246V10.7775C7 10.9004 7.16948 11 7.37854 11H8.12142C8.33052 11 8.5 10.9004 8.5 10.7775V8.22246C8.5 8.09959 8.33052 8 8.12142 8Z" fill="black"></path>
    <path d="M12.1214 8H11.3786C11.1695 8 11 8.1206 11 8.26937V12.7306C11 12.8794 11.1695 13 11.3786 13H12.1214C12.3305 13 12.5 12.8794 12.5 12.7306V8.26937C12.5 8.1206 12.3305 8 12.1214 8Z" fill="black"></path>
    <path d="M16.1214 8H15.3785C15.1695 8 15 8.09959 15 8.22246V10.7775C15 10.9004 15.1695 11 15.3785 11H16.1214C16.3305 11 16.5 10.9004 16.5 10.7775V8.22246C16.5 8.09959 16.3305 8 16.1214 8Z" fill="black"></path>
    <path d="M20.1215 8H19.3786C19.1695 8 19 8.1206 19 8.26937V12.7306C19 12.8794 19.1695 13 19.3786 13H20.1215C20.3305 13 20.5 12.8794 20.5 12.7306V8.26937C20.5 8.1206 20.3305 8 20.1215 8Z" fill="black"></path>
  </g>
  <defs>
    <clipPath id="clip0_20_117">
      <rect width="24" height="11" fill="white" transform="translate(0 7)"></rect>
    </clipPath>
  </defs>
</svg>

<a class="block text-xs underline underline-offset-2" href="http://blog.wantable.com/wantable-size-chart/" target="_blank">
View Size Guide
</a>
</div>
</div>

</div>
</div>
</div>
</section>

<turbo-frame class="empty:hidden" id="stream-tooltip-popup-580029"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="580029" id="stream--variant-size-frame_size_580029"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="580029" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-580029" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-580029"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-580029">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XS (0-2)" data-price="79.0" data-sku="123336-B-1" data-value="580030">
XS (0-2)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="S (2-4)" data-price="79.0" data-sku="123336-B-2" data-value="580031">
S (2-4)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="M (6-8)" data-price="79.0" data-sku="123336-B-3" data-value="580032">
M (6-8)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="L (10-12)" data-price="79.0" data-sku="123336-B-4" data-value="580033">
L (10-12)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XL (14)" data-price="79.0" data-sku="123336-B-5" data-value="580034">
XL (14)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-580029" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-580029 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="580029" data-stream--action-button-position-value="5" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-580029 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="580029" data-stream--action-button-position-value="5" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-580029 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="580029" data-stream--action-button-position-value="5" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1 !hidden" data-stream--color-panel-target="sizeForm" data-color-id="580023" id="stream--variant-size-frame_size_580023"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="580023" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-580023" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-580023"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-580023">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XS (0-2)" data-price="79.0" data-sku="123336-A-1" data-value="580024">
XS (0-2)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="S (2-4)" data-price="79.0" data-sku="123336-A-2" data-value="580025">
S (2-4)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="M (6-8)" data-price="79.0" data-sku="123336-A-3" data-value="580026">
M (6-8)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="L (10-12)" data-price="79.0" data-sku="123336-A-4" data-value="580027">
L (10-12)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XL (14)" data-price="79.0" data-sku="123336-A-5" data-value="580028">
XL (14)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-580023" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-580023 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="580023" data-stream--action-button-position-value="5" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-580023 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="580023" data-stream--action-button-position-value="5" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-580023 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="580023" data-stream--action-button-position-value="5" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
</div>
</div>

<div class="flex flex-col pb-3 relative max-w-full" data-controller="stream--color-panel" data-stream--color-panel-active-color-id-value="520237" id="variant_520237">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="520237" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-520237"><div class="badge badge-bestseller pr-2 cursor-pointer" data-action="click-&gt;stream--badge-filter#apply keydown.enter-&gt;stream--badge-filter#apply" data-controller="stream--badge-filter" data-stream--badge-filter-field-value="bestsellers" data-stream--badge-filter-value-value="true" role="button" tabindex="0">
<span class="">Bestseller</span>
</div>

</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="520235" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-520235">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="521094" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-521094"><div class="badge badge-bestseller pr-2 cursor-pointer" data-action="click-&gt;stream--badge-filter#apply keydown.enter-&gt;stream--badge-filter#apply" data-controller="stream--badge-filter" data-stream--badge-filter-field-value="bestsellers" data-stream--badge-filter-value-value="true" role="button" tabindex="0">
<span class="">Bestseller</span>
</div>

</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="556038" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-556038">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="520245" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-520245">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="520236" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-520236"><div class="badge badge-bestseller pr-2 cursor-pointer" data-action="click-&gt;stream--badge-filter#apply keydown.enter-&gt;stream--badge-filter#apply" data-controller="stream--badge-filter" data-stream--badge-filter-field-value="bestsellers" data-stream--badge-filter-value-value="true" role="button" tabindex="0">
<span class="">Bestseller</span>
</div>

</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="521088" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-521088"><div class="badge badge-bestseller pr-2 cursor-pointer" data-action="click-&gt;stream--badge-filter#apply keydown.enter-&gt;stream--badge-filter#apply" data-controller="stream--badge-filter" data-stream--badge-filter-field-value="bestsellers" data-stream--badge-filter-value-value="true" role="button" tabindex="0">
<span class="">Bestseller</span>
</div>

</turbo-frame></div>
<div class="" data-color-id="520237" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_520237_stream_master-1789155214.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_520237_stream_master-1789155214.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_520237_stream_master-1789155214.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_520237_stream-1789155196.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_520237_stream-1789155196.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_520237_stream-1789155196.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_520237_stream-1789155178.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_520237_stream-1789155178.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_520237_stream-1789155178.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="3" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_520237_stream-1789155161.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_520237_stream-1789155161.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_520237_stream-1789155161.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="4" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_520237_stream-1789144380.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_520237_stream-1789144380.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_520237_stream-1789144380.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="5" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_520237_stream-1781555580.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_520237_stream-1781555580.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_520237_stream-1781555580.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="3" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="4" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="5" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/520237/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="520235" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_520235_stream_master-1789155218.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_520235_stream_master-1789155218.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_520235_stream_master-1789155218.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_520235_stream-1789155199.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_520235_stream-1789155199.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_520235_stream-1789155199.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_520235_stream-1789155183.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_520235_stream-1789155183.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_520235_stream-1789155183.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="3" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_520235_stream-1789155165.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_520235_stream-1789155165.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_520235_stream-1789155165.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="4" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_520235_stream-1789140768.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_520235_stream-1789140768.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_520235_stream-1789140768.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="5" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_520235_stream-1781555575.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_520235_stream-1781555575.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_520235_stream-1781555575.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="3" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="4" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="5" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/520235/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="521094" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_521094_stream_master-1729879426.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_521094_stream_master-1729879426.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_521094_stream_master-1729879426.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_521094_stream_master-1729879394.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_521094_stream_master-1729879394.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_521094_stream_master-1729879394.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_521094_stream_master-1729879390.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_521094_stream_master-1729879390.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_521094_stream_master-1729879390.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="3" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_521094_stream-1729879393.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_521094_stream-1729879393.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_521094_stream-1729879393.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="4" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_521094_stream-1783722791.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_521094_stream-1783722791.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_521094_stream-1783722791.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="5" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_521094_stream-1783722789.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_521094_stream-1783722789.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_521094_stream-1783722789.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="3" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="4" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="5" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/521094/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="556038" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_556038_stream_master-1761329066.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_556038_stream_master-1761329066.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_556038_stream_master-1761329066.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_556038_stream_master-1761329015.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_556038_stream_master-1761329015.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_556038_stream_master-1761329015.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_556038_stream_master-1761328983.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_556038_stream_master-1761328983.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_556038_stream_master-1761328983.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="3" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_556038_stream-1761329029.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_556038_stream-1761329029.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_556038_stream-1761329029.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="3" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/556038/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="520245" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_520245_stream_master-1724351739.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_520245_stream_master-1724351739.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_520245_stream_master-1724351739.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_520245_stream_master-1724265411.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_520245_stream_master-1724265411.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_520245_stream_master-1724265411.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_520245_stream_master-1724265402.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_520245_stream_master-1724265402.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_520245_stream_master-1724265402.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="3" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_520245_stream_master-1724265364.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_520245_stream_master-1724265364.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_520245_stream_master-1724265364.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="4" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_520245_stream-1781555604.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_520245_stream-1781555604.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_520245_stream-1781555604.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="3" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="4" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/520245/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="520236" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_520236_stream_master-1726168056.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_520236_stream_master-1726168056.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_520236_stream_master-1726168056.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_520236_stream_master-1726168052.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_520236_stream_master-1726168052.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_520236_stream_master-1726168052.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_520236_stream_master-1726168037.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_520236_stream_master-1726168037.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_520236_stream_master-1726168037.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="3" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_520236_stream_master-1726168025.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_520236_stream_master-1726168025.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_520236_stream_master-1726168025.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="4" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_520236_stream-1781555577.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_520236_stream-1781555577.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_520236_stream-1781555577.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="3" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="4" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/520236/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="521088" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_521088_stream_master-1731364406.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_521088_stream_master-1731364406.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_521088_stream_master-1731364406.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_521088_stream_master-1731364386.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_521088_stream_master-1731364386.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_521088_stream_master-1731364386.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_521088_stream-1731364419.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_521088_stream-1731364419.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_521088_stream-1731364419.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="3" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_521088_stream_master-1731364374.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_521088_stream_master-1731364374.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_521088_stream_master-1731364374.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="3" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/521088/">Product Details</a>
</div>

</div>
</div>
<div class="w-full flex flex-col mt-2 flex-1 px-1.5">
<h3 class="font-semibold whitespace-nowrap overflow-hidden text-ellipsis">
Shoreline Varsity Cozy Top
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
SEAS
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="520237" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Heather Dark Chocolate/Heather Oatmeal</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$69.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="520235" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Navy/H. Grey</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$69.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="521094" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Chilipepper/Cream</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$69.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="556038" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Kelp/Cream</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$69.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="520245" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Heather Olive/Cream</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$69.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="520236" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Black/Cream</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$69.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="521088" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Heather Grey/Navy</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$69.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>

<div class="flex flex-wrap items-center gap-1 pb-2">
<button class="w-6 h-6 border ring-1 ring-off_black" data-action="stream--color-panel#selectColor" data-color-id="520237" data-color-name="Heather Dark Chocolate/Heather Oatmeal" data-origin-label="Stream color swatch: Heather Dark Chocolate/Heather Oatmeal" data-stream--color-panel-target="swatch" style="background-image: url(&#39;https://cl.wantable.com/image/upload/c_fill,h_48,q_auto,w_48/v1/production/wantable/images/Variant_520237_swatch_image-1726160800.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="520235" data-color-name="Navy/H. Grey" data-origin-label="Stream color swatch: Navy/H. Grey" data-stream--color-panel-target="swatch" style="background-image: url(&#39;https://cl.wantable.com/image/upload/c_fill,h_48,q_auto,w_48/v1/production/wantable/images/Variant_520235_swatch_image-1726160809.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="521094" data-color-name="Chilipepper/Cream" data-origin-label="Stream color swatch: Chilipepper/Cream" data-stream--color-panel-target="swatch" style="background-image: url(&#39;https://cl.wantable.com/image/upload/c_fill,h_48,q_auto,w_48/v1/production/wantable/images/Variant_521094_swatch_image-1729874007.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="556038" data-color-name="Kelp/Cream" data-origin-label="Stream color swatch: Kelp/Cream" data-stream--color-panel-target="swatch" style="background-image: url(&#39;https://cl.wantable.com/image/upload/c_fill,h_48,q_auto,w_48/v1/production/wantable/images/Variant_556038_swatch_image-1761323572.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="520245" data-color-name="Heather Olive/Cream" data-origin-label="Stream color swatch: Heather Olive/Cream" data-stream--color-panel-target="swatch" style="background-image: url(&#39;https://cl.wantable.com/image/upload/c_fill,h_48,q_auto,w_48/v1/production/wantable/images/Variant_520245_swatch_image-1724258143.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="520236" data-color-name="Black/Cream" data-origin-label="Stream color swatch: Black/Cream" data-stream--color-panel-target="swatch" style="background-image: url(&#39;https://cl.wantable.com/image/upload/c_fill,h_48,q_auto,w_48/v1/production/wantable/images/Variant_520236_swatch_image-1726160800.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="521088" data-color-name="Heather Grey/Navy" data-origin-label="Stream color swatch: Heather Grey/Navy" data-stream--color-panel-target="swatch" style="background-image: url(&#39;https://cl.wantable.com/image/upload/c_fill,h_48,q_auto,w_48/v1/production/wantable/images/Variant_521088_swatch_image-1731360777.jpg&#39;); background-size: cover;" type="button"></button>
</div>

<section class="accordion text-sm font-semibold border-t border-b my-2 py-2 overflow-hidden lg:hidden">
<div class="tab">
<input class="absolute opacity-0 -z-1" id="520237" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="520237">Product Details</label>
<div class="tab__content text-sm font-normal max-h-[0px] overflow-hidden transition-all duration-[350ms]">
<div class="content p-1">
<div>
<p>Our varsity top blends laid-back and sporty vibes, making it a perfect pick for off-duty days. With a crewneck, long raglan sleeves and sporty stripes at the elbows. The lightweight, stretchy fabric is so soft for an easygoing feel you&#39;ll love.</p>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>78.0% RAYON, 17.0% POLYESTER, 5.0% SPANDEX</p>
<h6 class="font-bold mt-4 mb-2">Model Info</h6>
<p>
<span>
Abbie is
<span>
<span class="font-bold">Height</span>
<span>5&#39; 10&quot;</span>
</span>
<span>
<span class="font-bold">Wearing Size</span>
<span>S (2-4)</span>
</span>
</span>

</p>
<div class="flex flex-col mb-4 text-sm">
<p class="font-semibold mb-2">Fit</p>
<div class="sr-only">
Rating of 1 means Runs small.
Middle rating means True to size.
Rating of 5 means Runs large.
The fit rating of this product is 5 out of 5.
</div>
<div class="flex gap-2" role="presentation">
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-forest_green"></div>
</div>
<div class="flex justify-between mt-1" role="presentation">
<span class="text-xs">Runs small</span>
<span class="text-xs">True to size</span>
<span class="text-xs">Runs large</span>
</div>
</div>

<div class="inline-flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-5 h-5 mr-2">
  <rect width="24" height="24" fill="white"></rect>
  <g clip-path="url(#clip0_20_117)">
    <path d="M22.5156 7.91667H1.48443C1.15553 7.91667 0.888885 8.24759 0.888885 8.65582V15.9248C0.888885 16.333 1.15553 16.664 1.48443 16.664H22.5156C22.8444 16.664 23.1111 16.333 23.1111 15.9248V8.65582C23.1111 8.24759 22.8444 7.91667 22.5156 7.91667Z" stroke="black" stroke-width="1.5"></path>
    <path d="M4.12145 8H3.37857C3.16948 8 3 8.1206 3 8.26937V12.7306C3 12.8794 3.16948 13 3.37857 13H4.12145C4.33052 13 4.5 12.8794 4.5 12.7306V8.26937C4.5 8.1206 4.33052 8 4.12145 8Z" fill="black"></path>
    <path d="M8.12142 8H7.37854C7.16948 8 7 8.09959 7 8.22246V10.7775C7 10.9004 7.16948 11 7.37854 11H8.12142C8.33052 11 8.5 10.9004 8.5 10.7775V8.22246C8.5 8.09959 8.33052 8 8.12142 8Z" fill="black"></path>
    <path d="M12.1214 8H11.3786C11.1695 8 11 8.1206 11 8.26937V12.7306C11 12.8794 11.1695 13 11.3786 13H12.1214C12.3305 13 12.5 12.8794 12.5 12.7306V8.26937C12.5 8.1206 12.3305 8 12.1214 8Z" fill="black"></path>
    <path d="M16.1214 8H15.3785C15.1695 8 15 8.09959 15 8.22246V10.7775C15 10.9004 15.1695 11 15.3785 11H16.1214C16.3305 11 16.5 10.9004 16.5 10.7775V8.22246C16.5 8.09959 16.3305 8 16.1214 8Z" fill="black"></path>
    <path d="M20.1215 8H19.3786C19.1695 8 19 8.1206 19 8.26937V12.7306C19 12.8794 19.1695 13 19.3786 13H20.1215C20.3305 13 20.5 12.8794 20.5 12.7306V8.26937C20.5 8.1206 20.3305 8 20.1215 8Z" fill="black"></path>
  </g>
  <defs>
    <clipPath id="clip0_20_117">
      <rect width="24" height="11" fill="white" transform="translate(0 7)"></rect>
    </clipPath>
  </defs>
</svg>

<a class="block text-xs underline underline-offset-2" href="http://blog.wantable.com/wantable-size-chart/" target="_blank">
View Size Guide
</a>
</div>
</div>

</div>
</div>
</div>
</section>

<turbo-frame class="empty:hidden" id="stream-tooltip-popup-520237"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="520237" id="stream--variant-size-frame_size_520237"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="520237" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-520237" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-520237"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-520237">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XS (0-2)" data-price="69.0" data-sku="119426-C-1" data-value="520256">
XS (0-2)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="S (2-4)" data-price="69.0" data-sku="119426-C-2" data-value="520257">
S (2-4)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="M (6-8)" data-price="69.0" data-sku="119426-C-3" data-value="520258">
M (6-8)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="L (10-12)" data-price="69.0" data-sku="119426-C-4" data-value="520259">
L (10-12)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XL (14)" data-price="69.0" data-sku="119426-C-5" data-value="520260">
XL (14)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-520237" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-520237 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="520237" data-stream--action-button-position-value="6" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-520237 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="520237" data-stream--action-button-position-value="6" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-520237 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="520237" data-stream--action-button-position-value="6" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1 !hidden" data-stream--color-panel-target="sizeForm" data-color-id="520235" id="stream--variant-size-frame_size_520235"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="520235" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-520235" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-520235"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-520235">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XS (0-2)" data-price="69.0" data-sku="119426-A-1" data-value="520246">
XS (0-2)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="S (2-4)" data-price="69.0" data-sku="119426-A-2" data-value="520247">
S (2-4)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="M (6-8)" data-price="69.0" data-sku="119426-A-3" data-value="520248">
M (6-8)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="L (10-12)" data-price="69.0" data-sku="119426-A-4" data-value="520249">
L (10-12)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XL (14)" data-price="69.0" data-sku="119426-A-5" data-value="520250">
XL (14)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-520235" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-520235 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="520235" data-stream--action-button-position-value="6" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-520235 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="520235" data-stream--action-button-position-value="6" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-520235 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="520235" data-stream--action-button-position-value="6" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1 !hidden" data-stream--color-panel-target="sizeForm" data-color-id="521094" id="stream--variant-size-frame_size_521094"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="521094" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-521094" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-521094"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-521094">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XS (0-2)" data-price="69.0" data-sku="119426-F-1" data-value="521095">
XS (0-2)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="S (2-4)" data-price="69.0" data-sku="119426-F-2" data-value="521096">
S (2-4)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="M (6-8)" data-price="69.0" data-sku="119426-F-3" data-value="521097">
M (6-8)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="L (10-12)" data-price="69.0" data-sku="119426-F-4" data-value="521098">
L (10-12)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XL (14)" data-price="69.0" data-sku="119426-F-5" data-value="521099">
XL (14)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-521094" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-521094 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="521094" data-stream--action-button-position-value="6" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-521094 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="521094" data-stream--action-button-position-value="6" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-521094 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="521094" data-stream--action-button-position-value="6" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1 !hidden" data-stream--color-panel-target="sizeForm" data-color-id="556038" id="stream--variant-size-frame_size_556038"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="556038" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-556038" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-556038"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-556038">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XS (0-2)" data-price="69.0" data-sku="119426-G-1" data-value="556039">
XS (0-2)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="S (2-4)" data-price="69.0" data-sku="119426-G-2" data-value="556040">
S (2-4)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="M (6-8)" data-price="69.0" data-sku="119426-G-3" data-value="556041">
M (6-8)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="L (10-12)" data-price="69.0" data-sku="119426-G-4" data-value="556042">
L (10-12)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm text-off_black/40 cursor-default" data-action="" data-components--custom-select-target="" data-label="XL (14)" data-price="69.0" data-sku="119426-G-5" data-value="556043">
XL (14)
<span class="text-xs ml-2">not available</span>
</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-556038" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-556038 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="556038" data-stream--action-button-position-value="6" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-556038 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="556038" data-stream--action-button-position-value="6" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-556038 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="556038" data-stream--action-button-position-value="6" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1 !hidden" data-stream--color-panel-target="sizeForm" data-color-id="520245" id="stream--variant-size-frame_size_520245"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="520245" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-520245" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-520245"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-520245">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XS (0-2)" data-price="69.0" data-sku="119426-D-1" data-value="520261">
XS (0-2)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="S (2-4)" data-price="69.0" data-sku="119426-D-2" data-value="520262">
S (2-4)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="M (6-8)" data-price="69.0" data-sku="119426-D-3" data-value="520263">
M (6-8)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm text-off_black/40 cursor-default" data-action="" data-components--custom-select-target="" data-label="L (10-12)" data-price="69.0" data-sku="119426-D-4" data-value="520264">
L (10-12)
<span class="text-xs ml-2">not available</span>
</li>
<li class="flex items-center justify-between px-3 py-2 text-sm text-off_black/40 cursor-default" data-action="" data-components--custom-select-target="" data-label="XL (14)" data-price="69.0" data-sku="119426-D-5" data-value="520265">
XL (14)
<span class="text-xs ml-2">not available</span>
</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-520245" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-520245 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="520245" data-stream--action-button-position-value="6" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-520245 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="520245" data-stream--action-button-position-value="6" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-520245 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="520245" data-stream--action-button-position-value="6" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1 !hidden" data-stream--color-panel-target="sizeForm" data-color-id="520236" id="stream--variant-size-frame_size_520236"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="520236" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-520236" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-520236"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-520236">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XS (0-2)" data-price="69.0" data-sku="119426-B-1" data-value="520251">
XS (0-2)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="S (2-4)" data-price="69.0" data-sku="119426-B-2" data-value="520252">
S (2-4)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="M (6-8)" data-price="69.0" data-sku="119426-B-3" data-value="520253">
M (6-8)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm text-off_black/40 cursor-default" data-action="" data-components--custom-select-target="" data-label="L (10-12)" data-price="69.0" data-sku="119426-B-4" data-value="520254">
L (10-12)
<span class="text-xs ml-2">not available</span>
</li>
<li class="flex items-center justify-between px-3 py-2 text-sm text-off_black/40 cursor-default" data-action="" data-components--custom-select-target="" data-label="XL (14)" data-price="69.0" data-sku="119426-B-5" data-value="520255">
XL (14)
<span class="text-xs ml-2">not available</span>
</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-520236" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-520236 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="520236" data-stream--action-button-position-value="6" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-520236 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="520236" data-stream--action-button-position-value="6" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-520236 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="520236" data-stream--action-button-position-value="6" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1 !hidden" data-stream--color-panel-target="sizeForm" data-color-id="521088" id="stream--variant-size-frame_size_521088"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="521088" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-521088" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-521088"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-521088">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-521088" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-521088 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="521088" data-stream--action-button-position-value="6" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-521088 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="521088" data-stream--action-button-position-value="6" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-521088 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="521088" data-stream--action-button-position-value="6" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
</div>
</div>

<div class="flex flex-col pb-3 relative max-w-full" data-controller="stream--color-panel" data-stream--color-panel-active-color-id-value="579328" id="variant_579328">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="579328" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-579328">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="579322" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-579322">
</turbo-frame></div>
<div class="" data-color-id="579328" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_579328_stream_master-1787873568.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_579328_stream_master-1787873568.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_579328_stream_master-1787873568.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_579328_stream_master-1787857406.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_579328_stream_master-1787857406.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_579328_stream_master-1787857406.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_579328_stream_master-1787857370.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_579328_stream_master-1787857370.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_579328_stream_master-1787857370.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="3" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_579328_stream-1787873620.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_579328_stream-1787873620.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_579328_stream-1787873620.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="4" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_579328_stream-1787857392.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_579328_stream-1787857392.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_579328_stream-1787857392.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="5" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_579328_stream_master-1786998779.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_579328_stream_master-1786998779.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_579328_stream_master-1786998779.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="3" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="4" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="5" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/579328/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="579322" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_579322_stream_master-1787857422.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_579322_stream_master-1787857422.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_579322_stream_master-1787857422.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_579322_stream_master-1787857410.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_579322_stream_master-1787857410.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_579322_stream_master-1787857410.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_579322_stream_master-1787857374.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_579322_stream_master-1787857374.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_579322_stream_master-1787857374.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="3" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_579322_stream-1787857410.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_579322_stream-1787857410.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_579322_stream-1787857410.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="4" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_579322_stream-1787857395.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_579322_stream-1787857395.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_579322_stream-1787857395.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="5" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_579322_stream_master-1786998780.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_579322_stream_master-1786998780.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_579322_stream_master-1786998780.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="3" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="4" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="5" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/579322/">Product Details</a>
</div>

</div>
</div>
<div class="w-full flex flex-col mt-2 flex-1 px-1.5">
<h3 class="font-semibold whitespace-nowrap overflow-hidden text-ellipsis">
Hazel Knit Bomber Jacket
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
Herizon
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="579328" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Mariner Midnight</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$99.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="579322" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Olive Branch</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$99.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>

<div class="flex flex-wrap items-center gap-1 pb-2">
<button class="w-6 h-6 border ring-1 ring-off_black" data-action="stream--color-panel#selectColor" data-color-id="579328" data-color-name="Mariner Midnight" data-origin-label="Stream color swatch: Mariner Midnight" data-stream--color-panel-target="swatch" style="background-color: #5D7FBF;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="579322" data-color-name="Olive Branch" data-origin-label="Stream color swatch: Olive Branch" data-stream--color-panel-target="swatch" style="background-color: #6A8F5B;" type="button"></button>
</div>

<section class="accordion text-sm font-semibold border-t border-b my-2 py-2 overflow-hidden lg:hidden">
<div class="tab">
<input class="absolute opacity-0 -z-1" id="579328" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="579328">Product Details</label>
<div class="tab__content text-sm font-normal max-h-[0px] overflow-hidden transition-all duration-[350ms]">
<div class="content p-1">
<div>
<p>Retro sport style is having a moment. This quilted knit bomber combines throwback appeal with a comfortable feel, finished with snap buttons and ribbed trims. Throw it on for game days, weekend outings and wherever the action takes you.</p>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>85.0% COTTON, 15.0% POLYESTER</p>
<h6 class="font-bold mt-4 mb-2">Model Info</h6>
<p>
<span>
Brooke is
<span>
<span class="font-bold">Height</span>
<span>5&#39; 10&quot;</span>
</span>
<span>
<span class="font-bold">Bust</span>
<span>32&quot;</span>
</span>
<span>
<span class="font-bold">Waist</span>
<span>24&quot;</span>
</span>
<span>
<span class="font-bold">Hips</span>
<span>35&quot;</span>
</span>
</span>

</p>
<div class="flex flex-col mb-4 text-sm">
<p class="font-semibold mb-2">Fit</p>
<div class="sr-only">
Rating of 1 means Runs small.
Middle rating means True to size.
Rating of 5 means Runs large.
The fit rating of this product is 5 out of 5.
</div>
<div class="flex gap-2" role="presentation">
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-forest_green"></div>
</div>
<div class="flex justify-between mt-1" role="presentation">
<span class="text-xs">Runs small</span>
<span class="text-xs">True to size</span>
<span class="text-xs">Runs large</span>
</div>
</div>

<div class="inline-flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-5 h-5 mr-2">
  <rect width="24" height="24" fill="white"></rect>
  <g clip-path="url(#clip0_20_117)">
    <path d="M22.5156 7.91667H1.48443C1.15553 7.91667 0.888885 8.24759 0.888885 8.65582V15.9248C0.888885 16.333 1.15553 16.664 1.48443 16.664H22.5156C22.8444 16.664 23.1111 16.333 23.1111 15.9248V8.65582C23.1111 8.24759 22.8444 7.91667 22.5156 7.91667Z" stroke="black" stroke-width="1.5"></path>
    <path d="M4.12145 8H3.37857C3.16948 8 3 8.1206 3 8.26937V12.7306C3 12.8794 3.16948 13 3.37857 13H4.12145C4.33052 13 4.5 12.8794 4.5 12.7306V8.26937C4.5 8.1206 4.33052 8 4.12145 8Z" fill="black"></path>
    <path d="M8.12142 8H7.37854C7.16948 8 7 8.09959 7 8.22246V10.7775C7 10.9004 7.16948 11 7.37854 11H8.12142C8.33052 11 8.5 10.9004 8.5 10.7775V8.22246C8.5 8.09959 8.33052 8 8.12142 8Z" fill="black"></path>
    <path d="M12.1214 8H11.3786C11.1695 8 11 8.1206 11 8.26937V12.7306C11 12.8794 11.1695 13 11.3786 13H12.1214C12.3305 13 12.5 12.8794 12.5 12.7306V8.26937C12.5 8.1206 12.3305 8 12.1214 8Z" fill="black"></path>
    <path d="M16.1214 8H15.3785C15.1695 8 15 8.09959 15 8.22246V10.7775C15 10.9004 15.1695 11 15.3785 11H16.1214C16.3305 11 16.5 10.9004 16.5 10.7775V8.22246C16.5 8.09959 16.3305 8 16.1214 8Z" fill="black"></path>
    <path d="M20.1215 8H19.3786C19.1695 8 19 8.1206 19 8.26937V12.7306C19 12.8794 19.1695 13 19.3786 13H20.1215C20.3305 13 20.5 12.8794 20.5 12.7306V8.26937C20.5 8.1206 20.3305 8 20.1215 8Z" fill="black"></path>
  </g>
  <defs>
    <clipPath id="clip0_20_117">
      <rect width="24" height="11" fill="white" transform="translate(0 7)"></rect>
    </clipPath>
  </defs>
</svg>

<a class="block text-xs underline underline-offset-2" href="http://blog.wantable.com/wantable-size-chart/" target="_blank">
View Size Guide
</a>
</div>
</div>

</div>
</div>
</div>
</section>

<turbo-frame class="empty:hidden" id="stream-tooltip-popup-579328"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="579328" id="stream--variant-size-frame_size_579328"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="579328" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-579328" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-579328"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-579328">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XS (0-2)" data-price="99.0" data-sku="123273-B-1" data-value="579329">
XS (0-2)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="S (2-4)" data-price="99.0" data-sku="123273-B-2" data-value="579330">
S (2-4)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="M (6-8)" data-price="99.0" data-sku="123273-B-3" data-value="579331">
M (6-8)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="L (10-12)" data-price="99.0" data-sku="123273-B-4" data-value="579332">
L (10-12)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XL (14)" data-price="99.0" data-sku="123273-B-5" data-value="579333">
XL (14)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-579328" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-579328 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="579328" data-stream--action-button-position-value="7" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-579328 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="579328" data-stream--action-button-position-value="7" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-579328 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="579328" data-stream--action-button-position-value="7" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1 !hidden" data-stream--color-panel-target="sizeForm" data-color-id="579322" id="stream--variant-size-frame_size_579322"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="579322" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-579322" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-579322"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-579322">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XS (0-2)" data-price="99.0" data-sku="123273-A-1" data-value="579323">
XS (0-2)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="S (2-4)" data-price="99.0" data-sku="123273-A-2" data-value="579324">
S (2-4)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="M (6-8)" data-price="99.0" data-sku="123273-A-3" data-value="579325">
M (6-8)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="L (10-12)" data-price="99.0" data-sku="123273-A-4" data-value="579326">
L (10-12)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XL (14)" data-price="99.0" data-sku="123273-A-5" data-value="579327">
XL (14)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-579322" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-579322 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="579322" data-stream--action-button-position-value="7" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-579322 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="579322" data-stream--action-button-position-value="7" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-579322 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="579322" data-stream--action-button-position-value="7" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
</div>
</div>

<div class="flex flex-col pb-3 relative max-w-full" data-controller="stream--color-panel" data-stream--color-panel-active-color-id-value="579999" id="variant_579999">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="579999" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-579999"><div class="badge badge-new-arrival pr-2 cursor-pointer" data-action="click-&gt;stream--badge-filter#apply keydown.enter-&gt;stream--badge-filter#apply" data-controller="stream--badge-filter" data-stream--badge-filter-field-value="new_arrivals" data-stream--badge-filter-value-value="true" role="button" tabindex="0">
<span class="">New Arrival</span>
</div>

</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="580005" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-580005"><div class="badge badge-new-arrival pr-2 cursor-pointer" data-action="click-&gt;stream--badge-filter#apply keydown.enter-&gt;stream--badge-filter#apply" data-controller="stream--badge-filter" data-stream--badge-filter-field-value="new_arrivals" data-stream--badge-filter-value-value="true" role="button" tabindex="0">
<span class="">New Arrival</span>
</div>

</turbo-frame></div>
<div class="" data-color-id="579999" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_579999_stream_master-1787938382.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_579999_stream_master-1787938382.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_579999_stream_master-1787938382.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_579999_stream_master-1787857403.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_579999_stream_master-1787857403.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_579999_stream_master-1787857403.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_579999_stream-1787857435.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_579999_stream-1787857435.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_579999_stream-1787857435.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="3" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_579999_stream-1787873610.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_579999_stream-1787873610.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_579999_stream-1787873610.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="4" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_579999_stream_master-1787857386.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_579999_stream_master-1787857386.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_579999_stream_master-1787857386.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="3" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="4" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/579999/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="580005" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580005_stream_master-1788966170.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580005_stream_master-1788966170.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580005_stream_master-1788966170.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580005_stream_master-1788966167.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580005_stream_master-1788966167.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580005_stream_master-1788966167.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580005_stream_master-1788966164.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580005_stream_master-1788966164.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580005_stream_master-1788966164.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="3" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580005_stream_master-1788966161.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580005_stream_master-1788966161.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580005_stream_master-1788966161.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="4" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580005_stream_master-1788966157.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580005_stream_master-1788966157.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580005_stream_master-1788966157.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="3" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="4" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/580005/">Product Details</a>
</div>

</div>
</div>
<div class="w-full flex flex-col mt-2 flex-1 px-1.5">
<h3 class="font-semibold whitespace-nowrap overflow-hidden text-ellipsis">
Honeycomb Crew Neck Sweater
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
Herizon
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="579999" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Ember</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$89.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="580005" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Canyon</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$89.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>

<div class="flex flex-wrap items-center gap-1 pb-2">
<button class="w-6 h-6 border ring-1 ring-off_black" data-action="stream--color-panel#selectColor" data-color-id="579999" data-color-name="Ember" data-origin-label="Stream color swatch: Ember" data-stream--color-panel-target="swatch" style="background-color: #C53D45;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="580005" data-color-name="Canyon" data-origin-label="Stream color swatch: Canyon" data-stream--color-panel-target="swatch" style="background-color: #9B6B43;" type="button"></button>
</div>

<section class="accordion text-sm font-semibold border-t border-b my-2 py-2 overflow-hidden lg:hidden">
<div class="tab">
<input class="absolute opacity-0 -z-1" id="579999" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="579999">Product Details</label>
<div class="tab__content text-sm font-normal max-h-[0px] overflow-hidden transition-all duration-[350ms]">
<div class="content p-1">
<div>
<p>A little heart goes a long way. Crafted from 100% cotton, this sweater pairs playful heart motifs with vintage-inspired cablework for a cozy layer made for collecting good stories.</p>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>100.0% COTTON</p>
<h6 class="font-bold mt-4 mb-2">Model Info</h6>
<p>
<span>
Brooke is
<span>
<span class="font-bold">Height</span>
<span>5&#39; 10&quot;</span>
</span>
<span>
<span class="font-bold">Bust</span>
<span>32&quot;</span>
</span>
<span>
<span class="font-bold">Waist</span>
<span>24&quot;</span>
</span>
<span>
<span class="font-bold">Hips</span>
<span>35&quot;</span>
</span>
</span>

</p>
<div class="inline-flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-5 h-5 mr-2">
  <rect width="24" height="24" fill="white"></rect>
  <g clip-path="url(#clip0_20_117)">
    <path d="M22.5156 7.91667H1.48443C1.15553 7.91667 0.888885 8.24759 0.888885 8.65582V15.9248C0.888885 16.333 1.15553 16.664 1.48443 16.664H22.5156C22.8444 16.664 23.1111 16.333 23.1111 15.9248V8.65582C23.1111 8.24759 22.8444 7.91667 22.5156 7.91667Z" stroke="black" stroke-width="1.5"></path>
    <path d="M4.12145 8H3.37857C3.16948 8 3 8.1206 3 8.26937V12.7306C3 12.8794 3.16948 13 3.37857 13H4.12145C4.33052 13 4.5 12.8794 4.5 12.7306V8.26937C4.5 8.1206 4.33052 8 4.12145 8Z" fill="black"></path>
    <path d="M8.12142 8H7.37854C7.16948 8 7 8.09959 7 8.22246V10.7775C7 10.9004 7.16948 11 7.37854 11H8.12142C8.33052 11 8.5 10.9004 8.5 10.7775V8.22246C8.5 8.09959 8.33052 8 8.12142 8Z" fill="black"></path>
    <path d="M12.1214 8H11.3786C11.1695 8 11 8.1206 11 8.26937V12.7306C11 12.8794 11.1695 13 11.3786 13H12.1214C12.3305 13 12.5 12.8794 12.5 12.7306V8.26937C12.5 8.1206 12.3305 8 12.1214 8Z" fill="black"></path>
    <path d="M16.1214 8H15.3785C15.1695 8 15 8.09959 15 8.22246V10.7775C15 10.9004 15.1695 11 15.3785 11H16.1214C16.3305 11 16.5 10.9004 16.5 10.7775V8.22246C16.5 8.09959 16.3305 8 16.1214 8Z" fill="black"></path>
    <path d="M20.1215 8H19.3786C19.1695 8 19 8.1206 19 8.26937V12.7306C19 12.8794 19.1695 13 19.3786 13H20.1215C20.3305 13 20.5 12.8794 20.5 12.7306V8.26937C20.5 8.1206 20.3305 8 20.1215 8Z" fill="black"></path>
  </g>
  <defs>
    <clipPath id="clip0_20_117">
      <rect width="24" height="11" fill="white" transform="translate(0 7)"></rect>
    </clipPath>
  </defs>
</svg>

<a class="block text-xs underline underline-offset-2" href="http://blog.wantable.com/wantable-size-chart/" target="_blank">
View Size Guide
</a>
</div>
</div>

</div>
</div>
</div>
</section>

<turbo-frame class="empty:hidden" id="stream-tooltip-popup-579999"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="579999" id="stream--variant-size-frame_size_579999"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="579999" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-579999" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-579999"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-579999">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XS (0-2)" data-price="89.0" data-sku="123334-A-1" data-value="580000">
XS (0-2)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="S (2-4)" data-price="89.0" data-sku="123334-A-2" data-value="580001">
S (2-4)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="M (6-8)" data-price="89.0" data-sku="123334-A-3" data-value="580002">
M (6-8)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="L (10-12)" data-price="89.0" data-sku="123334-A-4" data-value="580003">
L (10-12)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XL (14)" data-price="89.0" data-sku="123334-A-5" data-value="580004">
XL (14)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-579999" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-579999 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="579999" data-stream--action-button-position-value="8" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-579999 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="579999" data-stream--action-button-position-value="8" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-579999 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="579999" data-stream--action-button-position-value="8" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1 !hidden" data-stream--color-panel-target="sizeForm" data-color-id="580005" id="stream--variant-size-frame_size_580005"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="580005" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-580005" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-580005"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-580005">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XS (0-2)" data-price="89.0" data-sku="123334-B-1" data-value="580006">
XS (0-2)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="S (2-4)" data-price="89.0" data-sku="123334-B-2" data-value="580007">
S (2-4)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="M (6-8)" data-price="89.0" data-sku="123334-B-3" data-value="580008">
M (6-8)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="L (10-12)" data-price="89.0" data-sku="123334-B-4" data-value="580009">
L (10-12)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XL (14)" data-price="89.0" data-sku="123334-B-5" data-value="580010">
XL (14)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-580005" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-580005 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="580005" data-stream--action-button-position-value="8" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-580005 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="580005" data-stream--action-button-position-value="8" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-580005 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="580005" data-stream--action-button-position-value="8" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
</div>
</div>

<div class="flex flex-col pb-3 relative max-w-full" data-controller="stream--color-panel" data-stream--color-panel-active-color-id-value="580005" id="variant_580005">
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="579999" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-579999"><div class="badge badge-new-arrival pr-2 cursor-pointer" data-action="click-&gt;stream--badge-filter#apply keydown.enter-&gt;stream--badge-filter#apply" data-controller="stream--badge-filter" data-stream--badge-filter-field-value="new_arrivals" data-stream--badge-filter-value-value="true" role="button" tabindex="0">
<span class="">New Arrival</span>
</div>

</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="580005" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-580005"><div class="badge badge-new-arrival pr-2 cursor-pointer" data-action="click-&gt;stream--badge-filter#apply keydown.enter-&gt;stream--badge-filter#apply" data-controller="stream--badge-filter" data-stream--badge-filter-field-value="new_arrivals" data-stream--badge-filter-value-value="true" role="button" tabindex="0">
<span class="">New Arrival</span>
</div>

</turbo-frame></div>
<div class="!hidden" data-color-id="579999" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_579999_stream_master-1787938382.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_579999_stream_master-1787938382.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_579999_stream_master-1787938382.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_579999_stream_master-1787857403.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_579999_stream_master-1787857403.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_579999_stream_master-1787857403.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_579999_stream-1787857435.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_579999_stream-1787857435.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_579999_stream-1787857435.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="3" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_579999_stream-1787873610.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_579999_stream-1787873610.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_579999_stream-1787873610.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="4" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_579999_stream_master-1787857386.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_579999_stream_master-1787857386.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_579999_stream_master-1787857386.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="3" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="4" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/579999/">Product Details</a>
</div>

</div>
</div>
<div class="" data-color-id="580005" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580005_stream_master-1788966170.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580005_stream_master-1788966170.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580005_stream_master-1788966170.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580005_stream_master-1788966167.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580005_stream_master-1788966167.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580005_stream_master-1788966167.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580005_stream_master-1788966164.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580005_stream_master-1788966164.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580005_stream_master-1788966164.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="3" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580005_stream_master-1788966161.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580005_stream_master-1788966161.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580005_stream_master-1788966161.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="4" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580005_stream_master-1788966157.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580005_stream_master-1788966157.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580005_stream_master-1788966157.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="3" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="4" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/580005/">Product Details</a>
</div>

</div>
</div>
<div class="w-full flex flex-col mt-2 flex-1 px-1.5">
<h3 class="font-semibold whitespace-nowrap overflow-hidden text-ellipsis">
Honeycomb Crew Neck Sweater
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
Herizon
</p>
<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="579999" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Ember</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$89.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>

<div class="text-sm flex justify-between mb-2" data-color-id="580005" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Canyon</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$89.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>

<div class="flex flex-wrap items-center gap-1 pb-2">
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="579999" data-color-name="Ember" data-origin-label="Stream color swatch: Ember" data-stream--color-panel-target="swatch" style="background-color: #C53D45;" type="button"></button>
<button class="w-6 h-6 border ring-1 ring-off_black" data-action="stream--color-panel#selectColor" data-color-id="580005" data-color-name="Canyon" data-origin-label="Stream color swatch: Canyon" data-stream--color-panel-target="swatch" style="background-color: #9B6B43;" type="button"></button>
</div>

<section class="accordion text-sm font-semibold border-t border-b my-2 py-2 overflow-hidden lg:hidden">
<div class="tab">
<input class="absolute opacity-0 -z-1" id="580005" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="580005">Product Details</label>
<div class="tab__content text-sm font-normal max-h-[0px] overflow-hidden transition-all duration-[350ms]">
<div class="content p-1">
<div>
<p>A little heart goes a long way. Crafted from 100% cotton, this sweater pairs playful heart motifs with vintage-inspired cablework for a cozy layer made for collecting good stories.</p>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>100.0% COTTON</p>
<h6 class="font-bold mt-4 mb-2">Model Info</h6>
<p>
<span>
Brooke is
<span>
<span class="font-bold">Height</span>
<span>5&#39; 10&quot;</span>
</span>
<span>
<span class="font-bold">Bust</span>
<span>32&quot;</span>
</span>
<span>
<span class="font-bold">Waist</span>
<span>24&quot;</span>
</span>
<span>
<span class="font-bold">Hips</span>
<span>35&quot;</span>
</span>
</span>

</p>
<div class="inline-flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-5 h-5 mr-2">
  <rect width="24" height="24" fill="white"></rect>
  <g clip-path="url(#clip0_20_117)">
    <path d="M22.5156 7.91667H1.48443C1.15553 7.91667 0.888885 8.24759 0.888885 8.65582V15.9248C0.888885 16.333 1.15553 16.664 1.48443 16.664H22.5156C22.8444 16.664 23.1111 16.333 23.1111 15.9248V8.65582C23.1111 8.24759 22.8444 7.91667 22.5156 7.91667Z" stroke="black" stroke-width="1.5"></path>
    <path d="M4.12145 8H3.37857C3.16948 8 3 8.1206 3 8.26937V12.7306C3 12.8794 3.16948 13 3.37857 13H4.12145C4.33052 13 4.5 12.8794 4.5 12.7306V8.26937C4.5 8.1206 4.33052 8 4.12145 8Z" fill="black"></path>
    <path d="M8.12142 8H7.37854C7.16948 8 7 8.09959 7 8.22246V10.7775C7 10.9004 7.16948 11 7.37854 11H8.12142C8.33052 11 8.5 10.9004 8.5 10.7775V8.22246C8.5 8.09959 8.33052 8 8.12142 8Z" fill="black"></path>
    <path d="M12.1214 8H11.3786C11.1695 8 11 8.1206 11 8.26937V12.7306C11 12.8794 11.1695 13 11.3786 13H12.1214C12.3305 13 12.5 12.8794 12.5 12.7306V8.26937C12.5 8.1206 12.3305 8 12.1214 8Z" fill="black"></path>
    <path d="M16.1214 8H15.3785C15.1695 8 15 8.09959 15 8.22246V10.7775C15 10.9004 15.1695 11 15.3785 11H16.1214C16.3305 11 16.5 10.9004 16.5 10.7775V8.22246C16.5 8.09959 16.3305 8 16.1214 8Z" fill="black"></path>
    <path d="M20.1215 8H19.3786C19.1695 8 19 8.1206 19 8.26937V12.7306C19 12.8794 19.1695 13 19.3786 13H20.1215C20.3305 13 20.5 12.8794 20.5 12.7306V8.26937C20.5 8.1206 20.3305 8 20.1215 8Z" fill="black"></path>
  </g>
  <defs>
    <clipPath id="clip0_20_117">
      <rect width="24" height="11" fill="white" transform="translate(0 7)"></rect>
    </clipPath>
  </defs>
</svg>

<a class="block text-xs underline underline-offset-2" href="http://blog.wantable.com/wantable-size-chart/" target="_blank">
View Size Guide
</a>
</div>
</div>

</div>
</div>
</div>
</section>

<turbo-frame class="empty:hidden" id="stream-tooltip-popup-580005"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1 !hidden" data-stream--color-panel-target="sizeForm" data-color-id="579999" id="stream--variant-size-frame_size_579999"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="579999" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-579999" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-579999"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-579999">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XS (0-2)" data-price="89.0" data-sku="123334-A-1" data-value="580000">
XS (0-2)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="S (2-4)" data-price="89.0" data-sku="123334-A-2" data-value="580001">
S (2-4)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="M (6-8)" data-price="89.0" data-sku="123334-A-3" data-value="580002">
M (6-8)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="L (10-12)" data-price="89.0" data-sku="123334-A-4" data-value="580003">
L (10-12)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XL (14)" data-price="89.0" data-sku="123334-A-5" data-value="580004">
XL (14)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-579999" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-579999 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="579999" data-stream--action-button-position-value="9" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-579999 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="579999" data-stream--action-button-position-value="9" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-579999 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="579999" data-stream--action-button-position-value="9" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="580005" id="stream--variant-size-frame_size_580005"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="580005" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-580005" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-580005"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-580005">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XS (0-2)" data-price="89.0" data-sku="123334-B-1" data-value="580006">
XS (0-2)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="S (2-4)" data-price="89.0" data-sku="123334-B-2" data-value="580007">
S (2-4)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="M (6-8)" data-price="89.0" data-sku="123334-B-3" data-value="580008">
M (6-8)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="L (10-12)" data-price="89.0" data-sku="123334-B-4" data-value="580009">
L (10-12)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XL (14)" data-price="89.0" data-sku="123334-B-5" data-value="580010">
XL (14)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-580005" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-580005 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="580005" data-stream--action-button-position-value="9" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-580005 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="580005" data-stream--action-button-position-value="9" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-580005 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="580005" data-stream--action-button-position-value="9" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
</div>
</div>

<div class="flex flex-col pb-3 relative max-w-full" data-controller="stream--color-panel" data-stream--color-panel-active-color-id-value="553397" id="variant_553397">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="553397" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-553397"><div class="badge badge-bestseller pr-2 cursor-pointer" data-action="click-&gt;stream--badge-filter#apply keydown.enter-&gt;stream--badge-filter#apply" data-controller="stream--badge-filter" data-stream--badge-filter-field-value="bestsellers" data-stream--badge-filter-value-value="true" role="button" tabindex="0">
<span class="">Bestseller</span>
</div>

</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="552951" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-552951"><div class="badge badge-bestseller pr-2 cursor-pointer" data-action="click-&gt;stream--badge-filter#apply keydown.enter-&gt;stream--badge-filter#apply" data-controller="stream--badge-filter" data-stream--badge-filter-field-value="bestsellers" data-stream--badge-filter-value-value="true" role="button" tabindex="0">
<span class="">Bestseller</span>
</div>

</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="553391" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-553391">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="552945" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-552945">
</turbo-frame></div>
<div class="" data-color-id="553397" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_553397_stream_master-1749144839.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_553397_stream_master-1749144839.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_553397_stream_master-1749144839.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_553397_stream-1788012163.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_553397_stream-1788012163.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_553397_stream-1788012163.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_553397_stream_master-1749144829.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_553397_stream_master-1749144829.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_553397_stream_master-1749144829.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="3" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_553397_stream_master-1749144781.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_553397_stream_master-1749144781.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_553397_stream_master-1749144781.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="3" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/553397/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="552951" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_552951_stream_master-1752877973.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_552951_stream_master-1752877973.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_552951_stream_master-1752877973.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_552951_stream_master-1749144819.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_552951_stream_master-1749144819.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_552951_stream_master-1749144819.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_552951_stream_master-1749144798.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_552951_stream_master-1749144798.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_552951_stream_master-1749144798.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="3" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_552951_stream_master-1749144768.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_552951_stream_master-1749144768.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_552951_stream_master-1749144768.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="3" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/552951/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="553391" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_553391_stream_master-1752877982.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_553391_stream_master-1752877982.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_553391_stream_master-1752877982.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_553391_stream_master-1749144827.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_553391_stream_master-1749144827.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_553391_stream_master-1749144827.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_553391_stream_master-1749144808.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_553391_stream_master-1749144808.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_553391_stream_master-1749144808.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="3" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_553391_stream_master-1749144778.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_553391_stream_master-1749144778.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_553391_stream_master-1749144778.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="3" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/553391/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="552945" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_552945_stream_master-1749144843.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_552945_stream_master-1749144843.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_552945_stream_master-1749144843.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_552945_stream_master-1749144784.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_552945_stream_master-1749144784.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_552945_stream_master-1749144784.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/552945/">Product Details</a>
</div>

</div>
</div>
<div class="w-full flex flex-col mt-2 flex-1 px-1.5">
<h3 class="font-semibold whitespace-nowrap overflow-hidden text-ellipsis">
Sunset Plaid Knit Top
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
SEAS
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="553397" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Cream/Grey Plaid</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$74.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="552951" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Stone Plaid</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$74.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="553391" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Grey Plaid</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$74.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="552945" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Country Blue/Cream Plaid</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$74.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>

<div class="flex flex-wrap items-center gap-1 pb-2">
<button class="w-6 h-6 border ring-1 ring-off_black" data-action="stream--color-panel#selectColor" data-color-id="553397" data-color-name="Cream/Grey Plaid" data-origin-label="Stream color swatch: Cream/Grey Plaid" data-stream--color-panel-target="swatch" style="background-image: url(&#39;https://cl.wantable.com/image/upload/c_fill,h_48,q_auto,w_48/v1/production/wantable/images/Variant_553397_swatch_image-1754697774.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="552951" data-color-name="Stone Plaid" data-origin-label="Stream color swatch: Stone Plaid" data-stream--color-panel-target="swatch" style="background-image: url(&#39;https://cl.wantable.com/image/upload/c_fill,h_48,q_auto,w_48/v1/production/wantable/images/Variant_552951_swatch_image-1754697777.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="553391" data-color-name="Grey Plaid" data-origin-label="Stream color swatch: Grey Plaid" data-stream--color-panel-target="swatch" style="background-image: url(&#39;https://cl.wantable.com/image/upload/c_fill,h_48,q_auto,w_48/v1/production/wantable/images/Variant_553391_swatch_image-1754697791.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="552945" data-color-name="Country Blue/Cream Plaid" data-origin-label="Stream color swatch: Country Blue/Cream Plaid" data-stream--color-panel-target="swatch" style="background-image: url(&#39;https://cl.wantable.com/image/upload/c_fill,h_48,q_auto,w_48/v1/production/wantable/images/Variant_552945_swatch_image-1754697772.jpg&#39;); background-size: cover;" type="button"></button>
</div>

<section class="accordion text-sm font-semibold border-t border-b my-2 py-2 overflow-hidden lg:hidden">
<div class="tab">
<input class="absolute opacity-0 -z-1" id="553397" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="553397">Product Details</label>
<div class="tab__content text-sm font-normal max-h-[0px] overflow-hidden transition-all duration-[350ms]">
<div class="content p-1">
<div>
<p>Same shape, softer story. This plaid button-down is made from a comfy knit that drapes just right. Chest pockets, shirttail hem, and the kind of ease you don&#39;t usually get with flannel.</p>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>62.0% POLYESTER, 33.0% VISCOSE, 5.0% SPANDEX</p>
<h6 class="font-bold mt-4 mb-2">Model Info</h6>
<p>
<span>
Marissa is
<span>
<span class="font-bold">Height</span>
<span>5&#39; 8&quot;</span>
</span>
<span>
<span class="font-bold">Bust</span>
<span>34&quot;</span>
</span>
<span>
<span class="font-bold">Waist</span>
<span>25&quot;</span>
</span>
<span>
<span class="font-bold">Hips</span>
<span>36&quot;</span>
</span>
<span>
<span class="font-bold">Wearing Size</span>
<span>S (2-4)</span>
</span>
</span>

</p>
<div class="flex flex-col mb-4 text-sm">
<p class="font-semibold mb-2">Fit</p>
<div class="sr-only">
Rating of 1 means Runs small.
Middle rating means True to size.
Rating of 5 means Runs large.
The fit rating of this product is 5 out of 5.
</div>
<div class="flex gap-2" role="presentation">
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-forest_green"></div>
</div>
<div class="flex justify-between mt-1" role="presentation">
<span class="text-xs">Runs small</span>
<span class="text-xs">True to size</span>
<span class="text-xs">Runs large</span>
</div>
</div>

<div class="inline-flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-5 h-5 mr-2">
  <rect width="24" height="24" fill="white"></rect>
  <g clip-path="url(#clip0_20_117)">
    <path d="M22.5156 7.91667H1.48443C1.15553 7.91667 0.888885 8.24759 0.888885 8.65582V15.9248C0.888885 16.333 1.15553 16.664 1.48443 16.664H22.5156C22.8444 16.664 23.1111 16.333 23.1111 15.9248V8.65582C23.1111 8.24759 22.8444 7.91667 22.5156 7.91667Z" stroke="black" stroke-width="1.5"></path>
    <path d="M4.12145 8H3.37857C3.16948 8 3 8.1206 3 8.26937V12.7306C3 12.8794 3.16948 13 3.37857 13H4.12145C4.33052 13 4.5 12.8794 4.5 12.7306V8.26937C4.5 8.1206 4.33052 8 4.12145 8Z" fill="black"></path>
    <path d="M8.12142 8H7.37854C7.16948 8 7 8.09959 7 8.22246V10.7775C7 10.9004 7.16948 11 7.37854 11H8.12142C8.33052 11 8.5 10.9004 8.5 10.7775V8.22246C8.5 8.09959 8.33052 8 8.12142 8Z" fill="black"></path>
    <path d="M12.1214 8H11.3786C11.1695 8 11 8.1206 11 8.26937V12.7306C11 12.8794 11.1695 13 11.3786 13H12.1214C12.3305 13 12.5 12.8794 12.5 12.7306V8.26937C12.5 8.1206 12.3305 8 12.1214 8Z" fill="black"></path>
    <path d="M16.1214 8H15.3785C15.1695 8 15 8.09959 15 8.22246V10.7775C15 10.9004 15.1695 11 15.3785 11H16.1214C16.3305 11 16.5 10.9004 16.5 10.7775V8.22246C16.5 8.09959 16.3305 8 16.1214 8Z" fill="black"></path>
    <path d="M20.1215 8H19.3786C19.1695 8 19 8.1206 19 8.26937V12.7306C19 12.8794 19.1695 13 19.3786 13H20.1215C20.3305 13 20.5 12.8794 20.5 12.7306V8.26937C20.5 8.1206 20.3305 8 20.1215 8Z" fill="black"></path>
  </g>
  <defs>
    <clipPath id="clip0_20_117">
      <rect width="24" height="11" fill="white" transform="translate(0 7)"></rect>
    </clipPath>
  </defs>
</svg>

<a class="block text-xs underline underline-offset-2" href="http://blog.wantable.com/wantable-size-chart/" target="_blank">
View Size Guide
</a>
</div>
</div>

</div>
</div>
</div>
</section>

<turbo-frame class="empty:hidden" id="stream-tooltip-popup-553397"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="553397" id="stream--variant-size-frame_size_553397"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="553397" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-553397" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-553397"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-553397">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XS (0-2)" data-price="74.0" data-sku="121412-D-1" data-value="553398">
XS (0-2)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="S (2-4)" data-price="74.0" data-sku="121412-D-2" data-value="553399">
S (2-4)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="M (6-8)" data-price="74.0" data-sku="121412-D-3" data-value="553400">
M (6-8)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="L (10-12)" data-price="74.0" data-sku="121412-D-4" data-value="553401">
L (10-12)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XL (14)" data-price="74.0" data-sku="121412-D-5" data-value="553402">
XL (14)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-553397" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-553397 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="553397" data-stream--action-button-position-value="10" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-553397 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="553397" data-stream--action-button-position-value="10" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-553397 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="553397" data-stream--action-button-position-value="10" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1 !hidden" data-stream--color-panel-target="sizeForm" data-color-id="552951" id="stream--variant-size-frame_size_552951"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="552951" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-552951" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-552951"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-552951">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XS (0-2)" data-price="74.0" data-sku="121412-B-1" data-value="552952">
XS (0-2)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="S (2-4)" data-price="74.0" data-sku="121412-B-2" data-value="552953">
S (2-4)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="M (6-8)" data-price="74.0" data-sku="121412-B-3" data-value="552954">
M (6-8)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="L (10-12)" data-price="74.0" data-sku="121412-B-4" data-value="552955">
L (10-12)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XL (14)" data-price="74.0" data-sku="121412-B-5" data-value="552956">
XL (14)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-552951" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-552951 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="552951" data-stream--action-button-position-value="10" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-552951 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="552951" data-stream--action-button-position-value="10" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-552951 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="552951" data-stream--action-button-position-value="10" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1 !hidden" data-stream--color-panel-target="sizeForm" data-color-id="553391" id="stream--variant-size-frame_size_553391"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="553391" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-553391" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-553391"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-553391">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XS (0-2)" data-price="74.0" data-sku="121412-C-1" data-value="553392">
XS (0-2)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="S (2-4)" data-price="74.0" data-sku="121412-C-2" data-value="553393">
S (2-4)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="M (6-8)" data-price="74.0" data-sku="121412-C-3" data-value="553394">
M (6-8)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="L (10-12)" data-price="74.0" data-sku="121412-C-4" data-value="553395">
L (10-12)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XL (14)" data-price="74.0" data-sku="121412-C-5" data-value="553396">
XL (14)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-553391" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-553391 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="553391" data-stream--action-button-position-value="10" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-553391 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="553391" data-stream--action-button-position-value="10" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-553391 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="553391" data-stream--action-button-position-value="10" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1 !hidden" data-stream--color-panel-target="sizeForm" data-color-id="552945" id="stream--variant-size-frame_size_552945"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="552945" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-552945" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-552945"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-552945">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XS (0-2)" data-price="74.0" data-sku="121412-A-1" data-value="552946">
XS (0-2)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="S (2-4)" data-price="74.0" data-sku="121412-A-2" data-value="552947">
S (2-4)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="M (6-8)" data-price="74.0" data-sku="121412-A-3" data-value="552948">
M (6-8)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="L (10-12)" data-price="74.0" data-sku="121412-A-4" data-value="552949">
L (10-12)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XL (14)" data-price="74.0" data-sku="121412-A-5" data-value="552950">
XL (14)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-552945" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-552945 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="552945" data-stream--action-button-position-value="10" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-552945 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="552945" data-stream--action-button-position-value="10" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-552945 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="552945" data-stream--action-button-position-value="10" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
</div>
</div>

<div class="flex flex-col pb-3 relative max-w-full" data-controller="stream--color-panel" data-stream--color-panel-active-color-id-value="588235" id="variant_588235">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="588235" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-588235"><div class="badge badge-new-arrival pr-2 cursor-pointer" data-action="click-&gt;stream--badge-filter#apply keydown.enter-&gt;stream--badge-filter#apply" data-controller="stream--badge-filter" data-stream--badge-filter-field-value="new_arrivals" data-stream--badge-filter-value-value="true" role="button" tabindex="0">
<span class="">New Arrival</span>
</div>

</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="444883" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-444883"><div class="badge badge-bestseller pr-2 cursor-pointer" data-action="click-&gt;stream--badge-filter#apply keydown.enter-&gt;stream--badge-filter#apply" data-controller="stream--badge-filter" data-stream--badge-filter-field-value="bestsellers" data-stream--badge-filter-value-value="true" role="button" tabindex="0">
<span class="">Bestseller</span>
</div>

</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="444885" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-444885"><div class="badge badge-bestseller pr-2 cursor-pointer" data-action="click-&gt;stream--badge-filter#apply keydown.enter-&gt;stream--badge-filter#apply" data-controller="stream--badge-filter" data-stream--badge-filter-field-value="bestsellers" data-stream--badge-filter-value-value="true" role="button" tabindex="0">
<span class="">Bestseller</span>
</div>

</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="444884" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-444884"><div class="badge badge-bestseller pr-2 cursor-pointer" data-action="click-&gt;stream--badge-filter#apply keydown.enter-&gt;stream--badge-filter#apply" data-controller="stream--badge-filter" data-stream--badge-filter-field-value="bestsellers" data-stream--badge-filter-value-value="true" role="button" tabindex="0">
<span class="">Bestseller</span>
</div>

</turbo-frame></div>
<div class="" data-color-id="588235" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_588235_stream_master-1788462226.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_588235_stream_master-1788462226.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_588235_stream_master-1788462226.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_588235_stream_master-1788462177.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_588235_stream_master-1788462177.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_588235_stream_master-1788462177.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_588235_stream-1788462220.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_588235_stream-1788462220.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_588235_stream-1788462220.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="3" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_588235_stream-1788462192.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_588235_stream-1788462192.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_588235_stream-1788462192.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="4" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_588235_stream_master-1784656966.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_588235_stream_master-1784656966.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_588235_stream_master-1784656966.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="3" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="4" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/588235/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="444883" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_444883_stream_master-1726776214.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_444883_stream_master-1726776214.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_444883_stream_master-1726776214.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_444883_stream-1726776221.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_444883_stream-1726776221.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_444883_stream-1726776221.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_444883_stream-1726776181.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_444883_stream-1726776181.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_444883_stream-1726776181.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="3" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_444883_stream-1726776178.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_444883_stream-1726776178.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_444883_stream-1726776178.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="3" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/444883/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="444885" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_444885_stream_master-1728065020.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_444885_stream_master-1728065020.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_444885_stream_master-1728065020.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_444885_stream-1728065005.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_444885_stream-1728065005.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_444885_stream-1728065005.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_444885_stream-1728064980.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_444885_stream-1728064980.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_444885_stream-1728064980.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="3" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_444885_stream-1728065008.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_444885_stream-1728065008.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_444885_stream-1728065008.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="3" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/444885/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="444884" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_444884_stream_master-1727469181.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_444884_stream_master-1727469181.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_444884_stream_master-1727469181.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_444884_stream-1727469209.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_444884_stream-1727469209.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_444884_stream-1727469209.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_444884_stream-1727469220.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_444884_stream-1727469220.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_444884_stream-1727469220.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="3" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_444884_stream-1727469198.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_444884_stream-1727469198.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_444884_stream-1727469198.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="3" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/444884/">Product Details</a>
</div>

</div>
</div>
<div class="w-full flex flex-col mt-2 flex-1 px-1.5">
<h3 class="font-semibold whitespace-nowrap overflow-hidden text-ellipsis">
Keely Top
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
Thread &amp; Supply
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="588235" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Dove</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$72.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="444883" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Black</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$72.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="444885" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Driftwood</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$72.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="444884" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Olive Vine</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$72.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>

<div class="flex flex-wrap items-center gap-1 pb-2">
<button class="w-6 h-6 border ring-1 ring-off_black" data-action="stream--color-panel#selectColor" data-color-id="588235" data-color-name="Dove" data-origin-label="Stream color swatch: Dove" data-stream--color-panel-target="swatch" style="background-color: #F7F4EE;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="444883" data-color-name="Black" data-origin-label="Stream color swatch: Black" data-stream--color-panel-target="swatch" style="background-image: url(&#39;https://cl.wantable.com/image/upload/c_fill,h_48,q_auto,w_48/v1/production/wantable/images/Variant_444883_swatch_image-1726768973.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="444885" data-color-name="Driftwood" data-origin-label="Stream color swatch: Driftwood" data-stream--color-panel-target="swatch" style="background-image: url(&#39;https://cl.wantable.com/image/upload/c_fill,h_48,q_auto,w_48/v1/production/wantable/images/Variant_444885_swatch_image-1728059610.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="444884" data-color-name="Olive Vine" data-origin-label="Stream color swatch: Olive Vine" data-stream--color-panel-target="swatch" style="background-image: url(&#39;https://cl.wantable.com/image/upload/c_fill,h_48,q_auto,w_48/v1/production/wantable/images/Variant_444884_swatch_image-1727463762.jpg&#39;); background-size: cover;" type="button"></button>
</div>

<section class="accordion text-sm font-semibold border-t border-b my-2 py-2 overflow-hidden lg:hidden">
<div class="tab">
<input class="absolute opacity-0 -z-1" id="588235" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="588235">Product Details</label>
<div class="tab__content text-sm font-normal max-h-[0px] overflow-hidden transition-all duration-[350ms]">
<div class="content p-1">
<div>
<p>So-soft modal knit is what makes this pullover feel so cozy! Relaxed fit with a full kangaroo pocket and zippered mocked neck collar. Versatile in look for easy outfit pairing.</p>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>47.0% MODAL, 47.0% POLYESTER, 6.0% SPANDEX</p>
<h6 class="font-bold mt-4 mb-2">Model Info</h6>
<p>
<span>
Yulia is
<span>
<span class="font-bold">Height</span>
<span>5&#39; 10&quot;</span>
</span>
<span>
<span class="font-bold">Bust</span>
<span>32&quot;</span>
</span>
<span>
<span class="font-bold">Waist</span>
<span>24&quot;</span>
</span>
<span>
<span class="font-bold">Hips</span>
<span>35&quot;</span>
</span>
</span>

</p>
<div class="flex flex-col mb-4 text-sm">
<p class="font-semibold mb-2">Fit</p>
<div class="sr-only">
Rating of 1 means Runs small.
Middle rating means True to size.
Rating of 5 means Runs large.
The fit rating of this product is 5 out of 5.
</div>
<div class="flex gap-2" role="presentation">
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-forest_green"></div>
</div>
<div class="flex justify-between mt-1" role="presentation">
<span class="text-xs">Runs small</span>
<span class="text-xs">True to size</span>
<span class="text-xs">Runs large</span>
</div>
</div>

<div class="inline-flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-5 h-5 mr-2">
  <rect width="24" height="24" fill="white"></rect>
  <g clip-path="url(#clip0_20_117)">
    <path d="M22.5156 7.91667H1.48443C1.15553 7.91667 0.888885 8.24759 0.888885 8.65582V15.9248C0.888885 16.333 1.15553 16.664 1.48443 16.664H22.5156C22.8444 16.664 23.1111 16.333 23.1111 15.9248V8.65582C23.1111 8.24759 22.8444 7.91667 22.5156 7.91667Z" stroke="black" stroke-width="1.5"></path>
    <path d="M4.12145 8H3.37857C3.16948 8 3 8.1206 3 8.26937V12.7306C3 12.8794 3.16948 13 3.37857 13H4.12145C4.33052 13 4.5 12.8794 4.5 12.7306V8.26937C4.5 8.1206 4.33052 8 4.12145 8Z" fill="black"></path>
    <path d="M8.12142 8H7.37854C7.16948 8 7 8.09959 7 8.22246V10.7775C7 10.9004 7.16948 11 7.37854 11H8.12142C8.33052 11 8.5 10.9004 8.5 10.7775V8.22246C8.5 8.09959 8.33052 8 8.12142 8Z" fill="black"></path>
    <path d="M12.1214 8H11.3786C11.1695 8 11 8.1206 11 8.26937V12.7306C11 12.8794 11.1695 13 11.3786 13H12.1214C12.3305 13 12.5 12.8794 12.5 12.7306V8.26937C12.5 8.1206 12.3305 8 12.1214 8Z" fill="black"></path>
    <path d="M16.1214 8H15.3785C15.1695 8 15 8.09959 15 8.22246V10.7775C15 10.9004 15.1695 11 15.3785 11H16.1214C16.3305 11 16.5 10.9004 16.5 10.7775V8.22246C16.5 8.09959 16.3305 8 16.1214 8Z" fill="black"></path>
    <path d="M20.1215 8H19.3786C19.1695 8 19 8.1206 19 8.26937V12.7306C19 12.8794 19.1695 13 19.3786 13H20.1215C20.3305 13 20.5 12.8794 20.5 12.7306V8.26937C20.5 8.1206 20.3305 8 20.1215 8Z" fill="black"></path>
  </g>
  <defs>
    <clipPath id="clip0_20_117">
      <rect width="24" height="11" fill="white" transform="translate(0 7)"></rect>
    </clipPath>
  </defs>
</svg>

<a class="block text-xs underline underline-offset-2" href="http://blog.wantable.com/wantable-size-chart/" target="_blank">
View Size Guide
</a>
</div>
</div>

</div>
</div>
</div>
</section>

<turbo-frame class="empty:hidden" id="stream-tooltip-popup-588235"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="588235" id="stream--variant-size-frame_size_588235"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="588235" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-588235" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-588235"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-588235">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm text-off_black/40 cursor-default" data-action="" data-components--custom-select-target="" data-label="XS (0-2)" data-price="72.0" data-sku="114710-D-1" data-value="588236">
XS (0-2)
<span class="text-xs ml-2">not available</span>
</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="S (2-4)" data-price="72.0" data-sku="114710-D-2" data-value="588237">
S (2-4)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="M (6-8)" data-price="72.0" data-sku="114710-D-3" data-value="588238">
M (6-8)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="L (10-12)" data-price="72.0" data-sku="114710-D-4" data-value="588239">
L (10-12)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm text-off_black/40 cursor-default" data-action="" data-components--custom-select-target="" data-label="XL (14)" data-price="72.0" data-sku="114710-D-5" data-value="588240">
XL (14)
<span class="text-xs ml-2">not available</span>
</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-588235" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-588235 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="588235" data-stream--action-button-position-value="11" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-588235 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="588235" data-stream--action-button-position-value="11" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-588235 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="588235" data-stream--action-button-position-value="11" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1 !hidden" data-stream--color-panel-target="sizeForm" data-color-id="444883" id="stream--variant-size-frame_size_444883"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="444883" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-444883" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-444883"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-444883">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm text-off_black/40 cursor-default" data-action="" data-components--custom-select-target="" data-label="XS (0-2)" data-price="72.0" data-sku="114710-A-1" data-value="444886">
XS (0-2)
<span class="text-xs ml-2">not available</span>
</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="S (2-4)" data-price="72.0" data-sku="114710-A-2" data-value="444887">
S (2-4)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="M (6-8)" data-price="72.0" data-sku="114710-A-3" data-value="444888">
M (6-8)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="L (10-12)" data-price="72.0" data-sku="114710-A-4" data-value="444889">
L (10-12)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm text-off_black/40 cursor-default" data-action="" data-components--custom-select-target="" data-label="XL (14)" data-price="72.0" data-sku="114710-A-5" data-value="444890">
XL (14)
<span class="text-xs ml-2">not available</span>
</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-444883" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-444883 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="444883" data-stream--action-button-position-value="11" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-444883 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="444883" data-stream--action-button-position-value="11" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-444883 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="444883" data-stream--action-button-position-value="11" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1 !hidden" data-stream--color-panel-target="sizeForm" data-color-id="444885" id="stream--variant-size-frame_size_444885"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="444885" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-444885" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-444885"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-444885">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-444885" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-444885 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="444885" data-stream--action-button-position-value="11" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-444885 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="444885" data-stream--action-button-position-value="11" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-444885 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="444885" data-stream--action-button-position-value="11" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1 !hidden" data-stream--color-panel-target="sizeForm" data-color-id="444884" id="stream--variant-size-frame_size_444884"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="444884" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-444884" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-444884"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-444884">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm text-off_black/40 cursor-default" data-action="" data-components--custom-select-target="" data-label="XS (0-2)" data-price="72.0" data-sku="114710-B-1" data-value="444891">
XS (0-2)
<span class="text-xs ml-2">not available</span>
</li>
<li class="flex items-center justify-between px-3 py-2 text-sm text-off_black/40 cursor-default" data-action="" data-components--custom-select-target="" data-label="S (2-4)" data-price="72.0" data-sku="114710-B-2" data-value="444892">
S (2-4)
<span class="text-xs ml-2">not available</span>
</li>
<li class="flex items-center justify-between px-3 py-2 text-sm text-off_black/40 cursor-default" data-action="" data-components--custom-select-target="" data-label="M (6-8)" data-price="72.0" data-sku="114710-B-3" data-value="444893">
M (6-8)
<span class="text-xs ml-2">not available</span>
</li>
<li class="flex items-center justify-between px-3 py-2 text-sm text-off_black/40 cursor-default" data-action="" data-components--custom-select-target="" data-label="L (10-12)" data-price="72.0" data-sku="114710-B-4" data-value="444894">
L (10-12)
<span class="text-xs ml-2">not available</span>
</li>
<li class="flex items-center justify-between px-3 py-2 text-sm text-off_black/40 cursor-default" data-action="" data-components--custom-select-target="" data-label="XL (14)" data-price="72.0" data-sku="114710-B-5" data-value="444895">
XL (14)
<span class="text-xs ml-2">not available</span>
</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-444884" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-444884 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="444884" data-stream--action-button-position-value="11" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-444884 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="444884" data-stream--action-button-position-value="11" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-444884 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="444884" data-stream--action-button-position-value="11" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
</div>
</div>
<div data-components--early-loader-tag-value="variants-page-2" data-controller="components--early-loader"></div>

<div class="flex flex-col pb-3 relative max-w-full" data-controller="stream--color-panel" data-stream--color-panel-active-color-id-value="580294" id="variant_580294">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="580294" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-580294"><div class="badge badge-new-arrival pr-2 cursor-pointer" data-action="click-&gt;stream--badge-filter#apply keydown.enter-&gt;stream--badge-filter#apply" data-controller="stream--badge-filter" data-stream--badge-filter-field-value="new_arrivals" data-stream--badge-filter-value-value="true" role="button" tabindex="0">
<span class="">New Arrival</span>
</div>

</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="537330" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-537330">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="558583" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-558583"><div class="badge badge-bestseller pr-2 cursor-pointer" data-action="click-&gt;stream--badge-filter#apply keydown.enter-&gt;stream--badge-filter#apply" data-controller="stream--badge-filter" data-stream--badge-filter-field-value="bestsellers" data-stream--badge-filter-value-value="true" role="button" tabindex="0">
<span class="">Bestseller</span>
</div>

</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="507090" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-507090">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="563501" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-563501">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="546409" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-546409">
</turbo-frame></div>
<div class="" data-color-id="580294" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580294_stream_master-1784554359.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580294_stream_master-1784554359.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580294_stream_master-1784554359.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580294_stream-1784554383.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580294_stream-1784554383.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580294_stream-1784554383.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580294_stream-1784554379.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580294_stream-1784554379.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580294_stream-1784554379.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/580294/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="537330" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_537330_stream_master-1738958573.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_537330_stream_master-1738958573.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_537330_stream_master-1738958573.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_537330_stream_master-1738958569.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_537330_stream_master-1738958569.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_537330_stream_master-1738958569.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_537330_stream_master-1738958564.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_537330_stream_master-1738958564.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_537330_stream_master-1738958564.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/537330/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="558583" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_558583_stream_master-1748989979.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_558583_stream_master-1748989979.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_558583_stream_master-1748989979.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_558583_stream_master-1748989966.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_558583_stream_master-1748989966.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_558583_stream_master-1748989966.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_558583_stream-1748989983.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_558583_stream-1748989983.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_558583_stream-1748989983.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="3" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_558583_stream-1748989982.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_558583_stream-1748989982.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_558583_stream-1748989982.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="3" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/558583/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="507090" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_507090_stream_master-1709073006.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_507090_stream_master-1709073006.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_507090_stream_master-1709073006.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_507090_stream-1709073009.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_507090_stream-1709073009.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_507090_stream-1709073009.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_507090_stream-1709073007.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_507090_stream-1709073007.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_507090_stream-1709073007.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/507090/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="563501" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_563501_stream_master-1753300996.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_563501_stream_master-1753300996.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_563501_stream_master-1753300996.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_563501_stream_master-1753300979.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_563501_stream_master-1753300979.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_563501_stream_master-1753300979.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_563501_stream-1753300985.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_563501_stream-1753300985.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_563501_stream-1753300985.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/563501/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="546409" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_546409_stream_master-1738958572.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_546409_stream_master-1738958572.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_546409_stream_master-1738958572.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_546409_stream_master-1738958567.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_546409_stream_master-1738958567.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_546409_stream_master-1738958567.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_546409_stream_master-1738958566.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_546409_stream_master-1738958566.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_546409_stream_master-1738958566.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="3" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_546409_stream_master-1738958563.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_546409_stream_master-1738958563.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_546409_stream_master-1738958563.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="3" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/546409/">Product Details</a>
</div>

</div>
</div>
<div class="w-full flex flex-col mt-2 flex-1 px-1.5">
<h3 class="font-semibold whitespace-nowrap overflow-hidden text-ellipsis">
High Rise Jogger
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
Mica Denim
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="580294" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Wine</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$89.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="537330" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Olive</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$89.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="558583" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Cinnamon</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$59.25</p><div class="line-through ml-2 text-off_black/65">$89.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="507090" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Cocoa</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$89.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="563501" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Grey</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$89.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="546409" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Almond Milk</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$39.50</p><div class="line-through ml-2 text-off_black/65">$89.00</div>
</div>
</div>

<div class="flex flex-wrap items-center gap-1 pb-2">
<button class="w-6 h-6 border ring-1 ring-off_black" data-action="stream--color-panel#selectColor" data-color-id="580294" data-color-name="Wine" data-origin-label="Stream color swatch: Wine" data-stream--color-panel-target="swatch" style="background-color: #C53D45;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="537330" data-color-name="Olive" data-origin-label="Stream color swatch: Olive" data-stream--color-panel-target="swatch" style="background-image: url(&#39;https://cl.wantable.com/image/upload/c_fill,h_48,q_auto,w_48/v1/production/wantable/images/Variant_537330_swatch_image-1738958571.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="558583" data-color-name="Cinnamon" data-origin-label="Stream color swatch: Cinnamon" data-stream--color-panel-target="swatch" style="background-image: url(&#39;https://cl.wantable.com/image/upload/c_fill,h_48,q_auto,w_48/v1/production/wantable/images/Variant_558583_swatch_image-1748989977.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="507090" data-color-name="Cocoa" data-origin-label="Stream color swatch: Cocoa" data-stream--color-panel-target="swatch" style="background-color: #9B6B43;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="563501" data-color-name="Grey" data-origin-label="Stream color swatch: Grey" data-stream--color-panel-target="swatch" style="background-image: url(&#39;https://cl.wantable.com/image/upload/c_fill,h_48,q_auto,w_48/v1/production/wantable/images/Variant_563501_swatch_image-1753300977.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="546409" data-color-name="Almond Milk" data-origin-label="Stream color swatch: Almond Milk" data-stream--color-panel-target="swatch" style="background-image: url(&#39;https://cl.wantable.com/image/upload/c_fill,h_48,q_auto,w_48/v1/production/wantable/images/Variant_546409_swatch_image-1738958571.jpg&#39;); background-size: cover;" type="button"></button>
</div>

<section class="accordion text-sm font-semibold border-t border-b my-2 py-2 overflow-hidden lg:hidden">
<div class="tab">
<input class="absolute opacity-0 -z-1" id="580294" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="580294">Product Details</label>
<div class="tab__content text-sm font-normal max-h-[0px] overflow-hidden transition-all duration-[350ms]">
<div class="content p-1">
<div>
<p>Cargo joggers for your next outdoor adventure! High-waisted and regular fit with an elastic drawstring waist, a zip fly with button closure and four roomy pockets. Made from stretchy cotton twill with cinched ankles.</p>
<div class="mt-4 mb-4">
<div class="flex flex-row">
<p class="font-bold mr-1 5 w-24">Inseam:</p>
<span class="font-regular">27.0"</span>
</div>

<div class="flex flex-row">
<p class="font-bold mr-1 5 w-24">Rise:</p>
<span class="font-regular">
11.0&quot;
</span>
</div>

</div>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>68.0% COTTON, 30.0% POLYESTER, 2.0% SPANDEX</p>
<h6 class="font-bold mt-4 mb-2">Model Info</h6>
<p>
</p>
<div class="flex flex-col mb-4 text-sm">
<p class="font-semibold mb-2">Fit</p>
<div class="sr-only">
Rating of 1 means Runs small.
Middle rating means True to size.
Rating of 5 means Runs large.
The fit rating of this product is 4 out of 5.
</div>
<div class="flex gap-2" role="presentation">
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-forest_green"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
</div>
<div class="flex justify-between mt-1" role="presentation">
<span class="text-xs">Runs small</span>
<span class="text-xs">True to size</span>
<span class="text-xs">Runs large</span>
</div>
</div>

<div class="inline-flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-5 h-5 mr-2">
  <rect width="24" height="24" fill="white"></rect>
  <g clip-path="url(#clip0_20_117)">
    <path d="M22.5156 7.91667H1.48443C1.15553 7.91667 0.888885 8.24759 0.888885 8.65582V15.9248C0.888885 16.333 1.15553 16.664 1.48443 16.664H22.5156C22.8444 16.664 23.1111 16.333 23.1111 15.9248V8.65582C23.1111 8.24759 22.8444 7.91667 22.5156 7.91667Z" stroke="black" stroke-width="1.5"></path>
    <path d="M4.12145 8H3.37857C3.16948 8 3 8.1206 3 8.26937V12.7306C3 12.8794 3.16948 13 3.37857 13H4.12145C4.33052 13 4.5 12.8794 4.5 12.7306V8.26937C4.5 8.1206 4.33052 8 4.12145 8Z" fill="black"></path>
    <path d="M8.12142 8H7.37854C7.16948 8 7 8.09959 7 8.22246V10.7775C7 10.9004 7.16948 11 7.37854 11H8.12142C8.33052 11 8.5 10.9004 8.5 10.7775V8.22246C8.5 8.09959 8.33052 8 8.12142 8Z" fill="black"></path>
    <path d="M12.1214 8H11.3786C11.1695 8 11 8.1206 11 8.26937V12.7306C11 12.8794 11.1695 13 11.3786 13H12.1214C12.3305 13 12.5 12.8794 12.5 12.7306V8.26937C12.5 8.1206 12.3305 8 12.1214 8Z" fill="black"></path>
    <path d="M16.1214 8H15.3785C15.1695 8 15 8.09959 15 8.22246V10.7775C15 10.9004 15.1695 11 15.3785 11H16.1214C16.3305 11 16.5 10.9004 16.5 10.7775V8.22246C16.5 8.09959 16.3305 8 16.1214 8Z" fill="black"></path>
    <path d="M20.1215 8H19.3786C19.1695 8 19 8.1206 19 8.26937V12.7306C19 12.8794 19.1695 13 19.3786 13H20.1215C20.3305 13 20.5 12.8794 20.5 12.7306V8.26937C20.5 8.1206 20.3305 8 20.1215 8Z" fill="black"></path>
  </g>
  <defs>
    <clipPath id="clip0_20_117">
      <rect width="24" height="11" fill="white" transform="translate(0 7)"></rect>
    </clipPath>
  </defs>
</svg>

<a class="block text-xs underline underline-offset-2" href="http://blog.wantable.com/wantable-size-chart/" target="_blank">
View Size Guide
</a>
</div>
</div>

</div>
</div>
</div>
</section>

<turbo-frame class="empty:hidden" id="stream-tooltip-popup-580294"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="580294" id="stream--variant-size-frame_size_580294"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="580294" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-580294" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-580294"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-580294">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XS" data-price="89.0" data-sku="118592-F-1" data-value="580295">
XS
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="S" data-price="89.0" data-sku="118592-F-2" data-value="580296">
S
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="M" data-price="89.0" data-sku="118592-F-3" data-value="580297">
M
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="L" data-price="89.0" data-sku="118592-F-4" data-value="580298">
L
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XL" data-price="89.0" data-sku="118592-F-5" data-value="580299">
XL
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-580294" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-580294 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="580294" data-stream--action-button-position-value="12" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-580294 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="580294" data-stream--action-button-position-value="12" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-580294 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="580294" data-stream--action-button-position-value="12" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1 !hidden" data-stream--color-panel-target="sizeForm" data-color-id="537330" id="stream--variant-size-frame_size_537330"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="537330" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-537330" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-537330"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-537330">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XS" data-price="89.0" data-sku="118592-B-1" data-value="537331">
XS
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="S" data-price="89.0" data-sku="118592-B-2" data-value="537332">
S
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="M" data-price="89.0" data-sku="118592-B-3" data-value="537333">
M
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="L" data-price="89.0" data-sku="118592-B-4" data-value="537334">
L
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XL" data-price="89.0" data-sku="118592-B-5" data-value="537335">
XL
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-537330" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-537330 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="537330" data-stream--action-button-position-value="12" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-537330 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="537330" data-stream--action-button-position-value="12" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-537330 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="537330" data-stream--action-button-position-value="12" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1 !hidden" data-stream--color-panel-target="sizeForm" data-color-id="558583" id="stream--variant-size-frame_size_558583"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="558583" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-558583" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-558583"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-558583">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XS" data-price="59.25" data-sku="118592-D-1" data-value="558584">
XS
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="S" data-price="59.25" data-sku="118592-D-2" data-value="558585">
S
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="M" data-price="59.25" data-sku="118592-D-3" data-value="558586">
M
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="L" data-price="59.25" data-sku="118592-D-4" data-value="558587">
L
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XL" data-price="59.25" data-sku="118592-D-5" data-value="558588">
XL
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-558583" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-558583 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="558583" data-stream--action-button-position-value="12" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-558583 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="558583" data-stream--action-button-position-value="12" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-558583 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="558583" data-stream--action-button-position-value="12" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1 !hidden" data-stream--color-panel-target="sizeForm" data-color-id="507090" id="stream--variant-size-frame_size_507090"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="507090" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-507090" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-507090"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-507090">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm text-off_black/40 cursor-default" data-action="" data-components--custom-select-target="" data-label="XS" data-price="89.0" data-sku="118592-A-1" data-value="507091">
XS
<span class="text-xs ml-2">not available</span>
</li>
<li class="flex items-center justify-between px-3 py-2 text-sm text-off_black/40 cursor-default" data-action="" data-components--custom-select-target="" data-label="S" data-price="89.0" data-sku="118592-A-2" data-value="507092">
S
<span class="text-xs ml-2">not available</span>
</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="M" data-price="89.0" data-sku="118592-A-3" data-value="507093">
M
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm text-off_black/40 cursor-default" data-action="" data-components--custom-select-target="" data-label="L" data-price="89.0" data-sku="118592-A-4" data-value="507094">
L
<span class="text-xs ml-2">not available</span>
</li>
<li class="flex items-center justify-between px-3 py-2 text-sm text-off_black/40 cursor-default" data-action="" data-components--custom-select-target="" data-label="XL" data-price="89.0" data-sku="118592-A-5" data-value="507095">
XL
<span class="text-xs ml-2">not available</span>
</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-507090" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-507090 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="507090" data-stream--action-button-position-value="12" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-507090 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="507090" data-stream--action-button-position-value="12" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-507090 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="507090" data-stream--action-button-position-value="12" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1 !hidden" data-stream--color-panel-target="sizeForm" data-color-id="563501" id="stream--variant-size-frame_size_563501"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="563501" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-563501" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-563501"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-563501">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm text-off_black/40 cursor-default" data-action="" data-components--custom-select-target="" data-label="XS" data-price="89.0" data-sku="118592-E-1" data-value="563502">
XS
<span class="text-xs ml-2">not available</span>
</li>
<li class="flex items-center justify-between px-3 py-2 text-sm text-off_black/40 cursor-default" data-action="" data-components--custom-select-target="" data-label="S" data-price="89.0" data-sku="118592-E-2" data-value="563503">
S
<span class="text-xs ml-2">not available</span>
</li>
<li class="flex items-center justify-between px-3 py-2 text-sm text-off_black/40 cursor-default" data-action="" data-components--custom-select-target="" data-label="M" data-price="89.0" data-sku="118592-E-3" data-value="563504">
M
<span class="text-xs ml-2">not available</span>
</li>
<li class="flex items-center justify-between px-3 py-2 text-sm text-off_black/40 cursor-default" data-action="" data-components--custom-select-target="" data-label="L" data-price="89.0" data-sku="118592-E-4" data-value="563505">
L
<span class="text-xs ml-2">not available</span>
</li>
<li class="flex items-center justify-between px-3 py-2 text-sm text-off_black/40 cursor-default" data-action="" data-components--custom-select-target="" data-label="XL" data-price="89.0" data-sku="118592-E-5" data-value="563506">
XL
<span class="text-xs ml-2">not available</span>
</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-563501" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-563501 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="563501" data-stream--action-button-position-value="12" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-563501 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="563501" data-stream--action-button-position-value="12" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-563501 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="563501" data-stream--action-button-position-value="12" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1 !hidden" data-stream--color-panel-target="sizeForm" data-color-id="546409" id="stream--variant-size-frame_size_546409"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="546409" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-546409" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-546409"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-546409">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-546409" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-546409 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="546409" data-stream--action-button-position-value="12" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-546409 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="546409" data-stream--action-button-position-value="12" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-546409 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="546409" data-stream--action-button-position-value="12" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
</div>
</div>

<div class="flex flex-col pb-3 relative max-w-full" data-controller="stream--color-panel" data-stream--color-panel-active-color-id-value="567654" id="variant_567654">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="567654" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-567654"><div class="badge badge-bestseller pr-2 cursor-pointer" data-action="click-&gt;stream--badge-filter#apply keydown.enter-&gt;stream--badge-filter#apply" data-controller="stream--badge-filter" data-stream--badge-filter-field-value="bestsellers" data-stream--badge-filter-value-value="true" role="button" tabindex="0">
<span class="">Bestseller</span>
</div>

</turbo-frame></div>
<div class="" data-color-id="567654" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_567654_stream_master-1758587583-1.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_567654_stream_master-1758587583-1.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_567654_stream_master-1758587583-1.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_567654_stream-1758839563.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_567654_stream-1758839563.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_567654_stream-1758839563.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_567654_stream-1758587591.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_567654_stream-1758587591.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_567654_stream-1758587591.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="3" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_567654_stream_master-1758587583.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_567654_stream_master-1758587583.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_567654_stream_master-1758587583.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="4" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_567654_stream_master-1758587576.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_567654_stream_master-1758587576.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_567654_stream_master-1758587576.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="3" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="4" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/567654/">Product Details</a>
</div>

</div>
</div>
<div class="w-full flex flex-col mt-2 flex-1 px-1.5">
<h3 class="font-semibold whitespace-nowrap overflow-hidden text-ellipsis">
1/4 Zip Colorblock Pullover
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
Elan
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="567654" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Camel</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$97.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>


<section class="accordion text-sm font-semibold border-t border-b my-2 py-2 overflow-hidden lg:hidden">
<div class="tab">
<input class="absolute opacity-0 -z-1" id="567654" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="567654">Product Details</label>
<div class="tab__content text-sm font-normal max-h-[0px] overflow-hidden transition-all duration-[350ms]">
<div class="content p-1">
<div>
<p>Bring the collegiate-chic look to your closet with this quarter-zip pullover! Roomy fit with playfully big stripes and a contrast collar. Super soft and durable in a ribbed cotton knit.</p>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>55.0% COTTON, 45.0% ACRYLIC</p>
<h6 class="font-bold mt-4 mb-2">Model Info</h6>
<p>
</p>
<div class="flex flex-col mb-4 text-sm">
<p class="font-semibold mb-2">Fit</p>
<div class="sr-only">
Rating of 1 means Runs small.
Middle rating means True to size.
Rating of 5 means Runs large.
The fit rating of this product is 4 out of 5.
</div>
<div class="flex gap-2" role="presentation">
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-forest_green"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
</div>
<div class="flex justify-between mt-1" role="presentation">
<span class="text-xs">Runs small</span>
<span class="text-xs">True to size</span>
<span class="text-xs">Runs large</span>
</div>
</div>

<div class="inline-flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-5 h-5 mr-2">
  <rect width="24" height="24" fill="white"></rect>
  <g clip-path="url(#clip0_20_117)">
    <path d="M22.5156 7.91667H1.48443C1.15553 7.91667 0.888885 8.24759 0.888885 8.65582V15.9248C0.888885 16.333 1.15553 16.664 1.48443 16.664H22.5156C22.8444 16.664 23.1111 16.333 23.1111 15.9248V8.65582C23.1111 8.24759 22.8444 7.91667 22.5156 7.91667Z" stroke="black" stroke-width="1.5"></path>
    <path d="M4.12145 8H3.37857C3.16948 8 3 8.1206 3 8.26937V12.7306C3 12.8794 3.16948 13 3.37857 13H4.12145C4.33052 13 4.5 12.8794 4.5 12.7306V8.26937C4.5 8.1206 4.33052 8 4.12145 8Z" fill="black"></path>
    <path d="M8.12142 8H7.37854C7.16948 8 7 8.09959 7 8.22246V10.7775C7 10.9004 7.16948 11 7.37854 11H8.12142C8.33052 11 8.5 10.9004 8.5 10.7775V8.22246C8.5 8.09959 8.33052 8 8.12142 8Z" fill="black"></path>
    <path d="M12.1214 8H11.3786C11.1695 8 11 8.1206 11 8.26937V12.7306C11 12.8794 11.1695 13 11.3786 13H12.1214C12.3305 13 12.5 12.8794 12.5 12.7306V8.26937C12.5 8.1206 12.3305 8 12.1214 8Z" fill="black"></path>
    <path d="M16.1214 8H15.3785C15.1695 8 15 8.09959 15 8.22246V10.7775C15 10.9004 15.1695 11 15.3785 11H16.1214C16.3305 11 16.5 10.9004 16.5 10.7775V8.22246C16.5 8.09959 16.3305 8 16.1214 8Z" fill="black"></path>
    <path d="M20.1215 8H19.3786C19.1695 8 19 8.1206 19 8.26937V12.7306C19 12.8794 19.1695 13 19.3786 13H20.1215C20.3305 13 20.5 12.8794 20.5 12.7306V8.26937C20.5 8.1206 20.3305 8 20.1215 8Z" fill="black"></path>
  </g>
  <defs>
    <clipPath id="clip0_20_117">
      <rect width="24" height="11" fill="white" transform="translate(0 7)"></rect>
    </clipPath>
  </defs>
</svg>

<a class="block text-xs underline underline-offset-2" href="http://blog.wantable.com/wantable-size-chart/" target="_blank">
View Size Guide
</a>
</div>
</div>

</div>
</div>
</div>
</section>

<turbo-frame class="empty:hidden" id="stream-tooltip-popup-567654"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="567654" id="stream--variant-size-frame_size_567654"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="567654" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-567654" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-567654"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-567654">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XS (0-2)" data-price="97.0" data-sku="122410-A-1" data-value="567655">
XS (0-2)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="S (2-4)" data-price="97.0" data-sku="122410-A-2" data-value="567656">
S (2-4)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="M (6-8)" data-price="97.0" data-sku="122410-A-3" data-value="567657">
M (6-8)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="L (10-12)" data-price="97.0" data-sku="122410-A-4" data-value="567658">
L (10-12)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XL (14)" data-price="97.0" data-sku="122410-A-5" data-value="567659">
XL (14)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-567654" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-567654 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="567654" data-stream--action-button-position-value="13" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-567654 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="567654" data-stream--action-button-position-value="13" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-567654 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="567654" data-stream--action-button-position-value="13" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
</div>
</div>

<div class="flex flex-col pb-3 relative max-w-full" data-controller="stream--color-panel" data-stream--color-panel-active-color-id-value="580286" id="variant_580286">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="580286" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-580286"><div class="badge badge-new-arrival pr-2 cursor-pointer" data-action="click-&gt;stream--badge-filter#apply keydown.enter-&gt;stream--badge-filter#apply" data-controller="stream--badge-filter" data-stream--badge-filter-field-value="new_arrivals" data-stream--badge-filter-value-value="true" role="button" tabindex="0">
<span class="">New Arrival</span>
</div>

</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="580280" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-580280"><div class="badge badge-new-arrival pr-2 cursor-pointer" data-action="click-&gt;stream--badge-filter#apply keydown.enter-&gt;stream--badge-filter#apply" data-controller="stream--badge-filter" data-stream--badge-filter-field-value="new_arrivals" data-stream--badge-filter-value-value="true" role="button" tabindex="0">
<span class="">New Arrival</span>
</div>

</turbo-frame></div>
<div class="" data-color-id="580286" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580286_stream_master-1787855589.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580286_stream_master-1787855589.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580286_stream_master-1787855589.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580286_stream_master-1787855571.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580286_stream_master-1787855571.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580286_stream_master-1787855571.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580286_stream-1787855619.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580286_stream-1787855619.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580286_stream-1787855619.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="3" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580286_stream-1787873606.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580286_stream-1787873606.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580286_stream-1787873606.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="4" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580286_stream_master-1787855567.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580286_stream_master-1787855567.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580286_stream_master-1787855567.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="5" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580286_stream_master-1787182364.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580286_stream_master-1787182364.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580286_stream_master-1787182364.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="3" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="4" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="5" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/580286/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="580280" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580280_stream_master-1788458589.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580280_stream_master-1788458589.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580280_stream_master-1788458589.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580280_stream-1788458602.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580280_stream-1788458602.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580280_stream-1788458602.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580280_stream-1788458610.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580280_stream-1788458610.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580280_stream-1788458610.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="3" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580280_stream-1788458614.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580280_stream-1788458614.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580280_stream-1788458614.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="4" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580280_stream-1788897757.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580280_stream-1788897757.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580280_stream-1788897757.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="3" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="4" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/580280/">Product Details</a>
</div>

</div>
</div>
<div class="w-full flex flex-col mt-2 flex-1 px-1.5">
<h3 class="font-semibold whitespace-nowrap overflow-hidden text-ellipsis">
Becca Mock Neck Graphic Pullover
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
SEAS
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="580286" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Mariner Midnight</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$79.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="580280" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Ember</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$79.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>

<div class="flex flex-wrap items-center gap-1 pb-2">
<button class="w-6 h-6 border ring-1 ring-off_black" data-action="stream--color-panel#selectColor" data-color-id="580286" data-color-name="Mariner Midnight" data-origin-label="Stream color swatch: Mariner Midnight" data-stream--color-panel-target="swatch" style="background-image: url(&#39;https://cl.wantable.com/image/upload/c_fill,h_48,q_auto,w_48/v1/production/wantable/images/Variant_580286_swatch_image-1788008585.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="580280" data-color-name="Ember" data-origin-label="Stream color swatch: Ember" data-stream--color-panel-target="swatch" style="background-color: #C53D45;" type="button"></button>
</div>

<section class="accordion text-sm font-semibold border-t border-b my-2 py-2 overflow-hidden lg:hidden">
<div class="tab">
<input class="absolute opacity-0 -z-1" id="580286" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="580286">Product Details</label>
<div class="tab__content text-sm font-normal max-h-[0px] overflow-hidden transition-all duration-[350ms]">
<div class="content p-1">
<div>
<p>This retro-inspired mock neck brings easy charm with its funnel neck and playful graphic. Made from 100% cotton for a soft, comfy feel, it&#39;s the kind of sweatshirt that makes staying in feel just as good as going out.</p>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>100.0% COTTON</p>
<h6 class="font-bold mt-4 mb-2">Model Info</h6>
<p>
<span>
Brooke is
<span>
<span class="font-bold">Height</span>
<span>5&#39; 10&quot;</span>
</span>
<span>
<span class="font-bold">Bust</span>
<span>32&quot;</span>
</span>
<span>
<span class="font-bold">Waist</span>
<span>24&quot;</span>
</span>
<span>
<span class="font-bold">Hips</span>
<span>35&quot;</span>
</span>
</span>

</p>
<div class="flex flex-col mb-4 text-sm">
<p class="font-semibold mb-2">Fit</p>
<div class="sr-only">
Rating of 1 means Runs small.
Middle rating means True to size.
Rating of 5 means Runs large.
The fit rating of this product is 5 out of 5.
</div>
<div class="flex gap-2" role="presentation">
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-forest_green"></div>
</div>
<div class="flex justify-between mt-1" role="presentation">
<span class="text-xs">Runs small</span>
<span class="text-xs">True to size</span>
<span class="text-xs">Runs large</span>
</div>
</div>

<div class="inline-flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-5 h-5 mr-2">
  <rect width="24" height="24" fill="white"></rect>
  <g clip-path="url(#clip0_20_117)">
    <path d="M22.5156 7.91667H1.48443C1.15553 7.91667 0.888885 8.24759 0.888885 8.65582V15.9248C0.888885 16.333 1.15553 16.664 1.48443 16.664H22.5156C22.8444 16.664 23.1111 16.333 23.1111 15.9248V8.65582C23.1111 8.24759 22.8444 7.91667 22.5156 7.91667Z" stroke="black" stroke-width="1.5"></path>
    <path d="M4.12145 8H3.37857C3.16948 8 3 8.1206 3 8.26937V12.7306C3 12.8794 3.16948 13 3.37857 13H4.12145C4.33052 13 4.5 12.8794 4.5 12.7306V8.26937C4.5 8.1206 4.33052 8 4.12145 8Z" fill="black"></path>
    <path d="M8.12142 8H7.37854C7.16948 8 7 8.09959 7 8.22246V10.7775C7 10.9004 7.16948 11 7.37854 11H8.12142C8.33052 11 8.5 10.9004 8.5 10.7775V8.22246C8.5 8.09959 8.33052 8 8.12142 8Z" fill="black"></path>
    <path d="M12.1214 8H11.3786C11.1695 8 11 8.1206 11 8.26937V12.7306C11 12.8794 11.1695 13 11.3786 13H12.1214C12.3305 13 12.5 12.8794 12.5 12.7306V8.26937C12.5 8.1206 12.3305 8 12.1214 8Z" fill="black"></path>
    <path d="M16.1214 8H15.3785C15.1695 8 15 8.09959 15 8.22246V10.7775C15 10.9004 15.1695 11 15.3785 11H16.1214C16.3305 11 16.5 10.9004 16.5 10.7775V8.22246C16.5 8.09959 16.3305 8 16.1214 8Z" fill="black"></path>
    <path d="M20.1215 8H19.3786C19.1695 8 19 8.1206 19 8.26937V12.7306C19 12.8794 19.1695 13 19.3786 13H20.1215C20.3305 13 20.5 12.8794 20.5 12.7306V8.26937C20.5 8.1206 20.3305 8 20.1215 8Z" fill="black"></path>
  </g>
  <defs>
    <clipPath id="clip0_20_117">
      <rect width="24" height="11" fill="white" transform="translate(0 7)"></rect>
    </clipPath>
  </defs>
</svg>

<a class="block text-xs underline underline-offset-2" href="http://blog.wantable.com/wantable-size-chart/" target="_blank">
View Size Guide
</a>
</div>
</div>

</div>
</div>
</div>
</section>

<turbo-frame class="empty:hidden" id="stream-tooltip-popup-580286"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="580286" id="stream--variant-size-frame_size_580286"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="580286" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-580286" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-580286"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-580286">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XS (0-2)" data-price="79.0" data-sku="123367-B-1" data-value="580287">
XS (0-2)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="S (2-4)" data-price="79.0" data-sku="123367-B-2" data-value="580288">
S (2-4)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="M (6-8)" data-price="79.0" data-sku="123367-B-3" data-value="580289">
M (6-8)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="L (10-12)" data-price="79.0" data-sku="123367-B-4" data-value="580290">
L (10-12)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XL (14)" data-price="79.0" data-sku="123367-B-5" data-value="580291">
XL (14)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-580286" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-580286 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="580286" data-stream--action-button-position-value="14" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-580286 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="580286" data-stream--action-button-position-value="14" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-580286 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="580286" data-stream--action-button-position-value="14" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1 !hidden" data-stream--color-panel-target="sizeForm" data-color-id="580280" id="stream--variant-size-frame_size_580280"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="580280" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-580280" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-580280"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-580280">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XS (0-2)" data-price="79.0" data-sku="123367-A-1" data-value="580281">
XS (0-2)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="S (2-4)" data-price="79.0" data-sku="123367-A-2" data-value="580282">
S (2-4)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="M (6-8)" data-price="79.0" data-sku="123367-A-3" data-value="580283">
M (6-8)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="L (10-12)" data-price="79.0" data-sku="123367-A-4" data-value="580284">
L (10-12)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XL (14)" data-price="79.0" data-sku="123367-A-5" data-value="580285">
XL (14)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-580280" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-580280 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="580280" data-stream--action-button-position-value="14" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-580280 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="580280" data-stream--action-button-position-value="14" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-580280 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="580280" data-stream--action-button-position-value="14" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
</div>
</div>

<div class="flex flex-col pb-3 relative max-w-full" data-controller="stream--color-panel" data-stream--color-panel-active-color-id-value="588253" id="variant_588253">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="588253" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-588253">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="588259" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-588259">
</turbo-frame></div>
<div class="" data-color-id="588253" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_588253_stream-1785951164.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_588253_stream-1785951164.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_588253_stream-1785951164.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_588253_stream_master-1785713591.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_588253_stream_master-1785713591.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_588253_stream_master-1785713591.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_588253_stream_master-1785713583.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_588253_stream_master-1785713583.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_588253_stream_master-1785713583.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="3" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_588253_stream-1785713598.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_588253_stream-1785713598.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_588253_stream-1785713598.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="4" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_588253_stream-1788460396.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_588253_stream-1788460396.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_588253_stream-1788460396.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="3" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="4" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/588253/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="588259" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_588259_stream_master-1784127778.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_588259_stream_master-1784127778.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_588259_stream_master-1784127778.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_588259_stream_master-1784127770.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_588259_stream_master-1784127770.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_588259_stream_master-1784127770.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/588259/">Product Details</a>
</div>

</div>
</div>
<div class="w-full flex flex-col mt-2 flex-1 px-1.5">
<h3 class="font-semibold whitespace-nowrap overflow-hidden text-ellipsis">
Saja Shirt
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
Thread &amp; Supply
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="588253" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">White Rose Plaid</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$66.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="588259" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Mauve Taupe Plaid</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$66.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>

<div class="flex flex-wrap items-center gap-1 pb-2">
<button class="w-6 h-6 border ring-1 ring-off_black" data-action="stream--color-panel#selectColor" data-color-id="588253" data-color-name="White Rose Plaid" data-origin-label="Stream color swatch: White Rose Plaid" data-stream--color-panel-target="swatch" style="background-color: #8A7F94;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="588259" data-color-name="Mauve Taupe Plaid" data-origin-label="Stream color swatch: Mauve Taupe Plaid" data-stream--color-panel-target="swatch" style="background-color: #8A7F94;" type="button"></button>
</div>

<section class="accordion text-sm font-semibold border-t border-b my-2 py-2 overflow-hidden lg:hidden">
<div class="tab">
<input class="absolute opacity-0 -z-1" id="588253" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="588253">Product Details</label>
<div class="tab__content text-sm font-normal max-h-[0px] overflow-hidden transition-all duration-[350ms]">
<div class="content p-1">
<div>
<p>The plaid shirt every closet needs. Cozy, classic and endlessly versatile, this button-front layer is made to do it all. Style it as an overshirt with jeans and boots or wear it buttoned up for an easy outfit you&#39;ll keep reaching for.</p>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>62.0% POLYESTER, 33.0% VISCOSE, 5.0% ELASTANE</p>
<h6 class="font-bold mt-4 mb-2">Model Info</h6>
<p>
<span>
Kelly is
<span>
<span class="font-bold">Height</span>
<span>5&#39; 8&quot;</span>
</span>
<span>
<span class="font-bold">Bust</span>
<span>34&quot;</span>
</span>
<span>
<span class="font-bold">Waist</span>
<span>26&quot;</span>
</span>
<span>
<span class="font-bold">Hips</span>
<span>36&quot;</span>
</span>
<span>
<span class="font-bold">Wearing Size</span>
<span>S (2-4)</span>
</span>
</span>

</p>
<div class="flex flex-col mb-4 text-sm">
<p class="font-semibold mb-2">Fit</p>
<div class="sr-only">
Rating of 1 means Runs small.
Middle rating means True to size.
Rating of 5 means Runs large.
The fit rating of this product is 5 out of 5.
</div>
<div class="flex gap-2" role="presentation">
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-forest_green"></div>
</div>
<div class="flex justify-between mt-1" role="presentation">
<span class="text-xs">Runs small</span>
<span class="text-xs">True to size</span>
<span class="text-xs">Runs large</span>
</div>
</div>

<div class="inline-flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-5 h-5 mr-2">
  <rect width="24" height="24" fill="white"></rect>
  <g clip-path="url(#clip0_20_117)">
    <path d="M22.5156 7.91667H1.48443C1.15553 7.91667 0.888885 8.24759 0.888885 8.65582V15.9248C0.888885 16.333 1.15553 16.664 1.48443 16.664H22.5156C22.8444 16.664 23.1111 16.333 23.1111 15.9248V8.65582C23.1111 8.24759 22.8444 7.91667 22.5156 7.91667Z" stroke="black" stroke-width="1.5"></path>
    <path d="M4.12145 8H3.37857C3.16948 8 3 8.1206 3 8.26937V12.7306C3 12.8794 3.16948 13 3.37857 13H4.12145C4.33052 13 4.5 12.8794 4.5 12.7306V8.26937C4.5 8.1206 4.33052 8 4.12145 8Z" fill="black"></path>
    <path d="M8.12142 8H7.37854C7.16948 8 7 8.09959 7 8.22246V10.7775C7 10.9004 7.16948 11 7.37854 11H8.12142C8.33052 11 8.5 10.9004 8.5 10.7775V8.22246C8.5 8.09959 8.33052 8 8.12142 8Z" fill="black"></path>
    <path d="M12.1214 8H11.3786C11.1695 8 11 8.1206 11 8.26937V12.7306C11 12.8794 11.1695 13 11.3786 13H12.1214C12.3305 13 12.5 12.8794 12.5 12.7306V8.26937C12.5 8.1206 12.3305 8 12.1214 8Z" fill="black"></path>
    <path d="M16.1214 8H15.3785C15.1695 8 15 8.09959 15 8.22246V10.7775C15 10.9004 15.1695 11 15.3785 11H16.1214C16.3305 11 16.5 10.9004 16.5 10.7775V8.22246C16.5 8.09959 16.3305 8 16.1214 8Z" fill="black"></path>
    <path d="M20.1215 8H19.3786C19.1695 8 19 8.1206 19 8.26937V12.7306C19 12.8794 19.1695 13 19.3786 13H20.1215C20.3305 13 20.5 12.8794 20.5 12.7306V8.26937C20.5 8.1206 20.3305 8 20.1215 8Z" fill="black"></path>
  </g>
  <defs>
    <clipPath id="clip0_20_117">
      <rect width="24" height="11" fill="white" transform="translate(0 7)"></rect>
    </clipPath>
  </defs>
</svg>

<a class="block text-xs underline underline-offset-2" href="http://blog.wantable.com/wantable-size-chart/" target="_blank">
View Size Guide
</a>
</div>
</div>

</div>
</div>
</div>
</section>

<turbo-frame class="empty:hidden" id="stream-tooltip-popup-588253"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="588253" id="stream--variant-size-frame_size_588253"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="588253" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-588253" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-588253"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-588253">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XS (0-2)" data-price="66.0" data-sku="124011-A-1" data-value="588254">
XS (0-2)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="S (2-4)" data-price="66.0" data-sku="124011-A-2" data-value="588255">
S (2-4)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="M (6-8)" data-price="66.0" data-sku="124011-A-3" data-value="588256">
M (6-8)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="L (10-12)" data-price="66.0" data-sku="124011-A-4" data-value="588257">
L (10-12)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XL (14)" data-price="66.0" data-sku="124011-A-5" data-value="588258">
XL (14)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-588253" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-588253 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="588253" data-stream--action-button-position-value="15" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-588253 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="588253" data-stream--action-button-position-value="15" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-588253 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="588253" data-stream--action-button-position-value="15" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1 !hidden" data-stream--color-panel-target="sizeForm" data-color-id="588259" id="stream--variant-size-frame_size_588259"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="588259" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-588259" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-588259"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-588259">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XS (0-2)" data-price="66.0" data-sku="124011-B-1" data-value="588260">
XS (0-2)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="S (2-4)" data-price="66.0" data-sku="124011-B-2" data-value="588261">
S (2-4)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="M (6-8)" data-price="66.0" data-sku="124011-B-3" data-value="588262">
M (6-8)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="L (10-12)" data-price="66.0" data-sku="124011-B-4" data-value="588263">
L (10-12)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XL (14)" data-price="66.0" data-sku="124011-B-5" data-value="588264">
XL (14)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-588259" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-588259 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="588259" data-stream--action-button-position-value="15" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-588259 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="588259" data-stream--action-button-position-value="15" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-588259 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="588259" data-stream--action-button-position-value="15" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
</div>
</div>

<div class="flex flex-col pb-3 relative max-w-full" data-controller="stream--color-panel" data-stream--color-panel-active-color-id-value="558493" id="variant_558493">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="558493" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-558493">
</turbo-frame></div>
<div class="" data-color-id="558493" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_558493_stream_master-1758128563.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_558493_stream_master-1758128563.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_558493_stream_master-1758128563.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_558493_stream_master-1748989976.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_558493_stream_master-1748989976.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_558493_stream_master-1748989976.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_558493_stream-1748989985.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_558493_stream-1748989985.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_558493_stream-1748989985.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="3" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_558493_stream-1748989983.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_558493_stream-1748989983.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_558493_stream-1748989983.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="3" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/558493/">Product Details</a>
</div>

</div>
</div>
<div class="w-full flex flex-col mt-2 flex-1 px-1.5">
<h3 class="font-semibold whitespace-nowrap overflow-hidden text-ellipsis">
High Rise Bootcut Jeans
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
Mica Denim
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="558493" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Smalt Blue</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$89.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>


<section class="accordion text-sm font-semibold border-t border-b my-2 py-2 overflow-hidden lg:hidden">
<div class="tab">
<input class="absolute opacity-0 -z-1" id="558493" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="558493">Product Details</label>
<div class="tab__content text-sm font-normal max-h-[0px] overflow-hidden transition-all duration-[350ms]">
<div class="content p-1">
<div>
<p>These bootcut jeans will give every outfit a cool Western vibe! Fitted with a flattering high-rise waist and whiskering on the legs that flex with your every move. Made of a so-soft denim with comfy stretch.</p>
<div class="mt-4 mb-4">
<div class="flex flex-row">
<p class="font-bold mr-1 5 w-24">Inseam:</p>
<span class="font-regular">32.0"</span>
</div>

<div class="flex flex-row">
<p class="font-bold mr-1 5 w-24">Rise:</p>
<span class="font-regular">
10.5&quot;
</span>
</div>

</div>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>75.0% COTTON, 23.0% POLYESTER, 2.0% SPANDEX</p>
<h6 class="font-bold mt-4 mb-2">Model Info</h6>
<p>
</p>
<div class="flex flex-col mb-4 text-sm">
<p class="font-semibold mb-2">Fit</p>
<div class="sr-only">
Rating of 1 means Runs small.
Middle rating means True to size.
Rating of 5 means Runs large.
The fit rating of this product is 4 out of 5.
</div>
<div class="flex gap-2" role="presentation">
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-forest_green"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
</div>
<div class="flex justify-between mt-1" role="presentation">
<span class="text-xs">Runs small</span>
<span class="text-xs">True to size</span>
<span class="text-xs">Runs large</span>
</div>
</div>

<div class="inline-flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-5 h-5 mr-2">
  <rect width="24" height="24" fill="white"></rect>
  <g clip-path="url(#clip0_20_117)">
    <path d="M22.5156 7.91667H1.48443C1.15553 7.91667 0.888885 8.24759 0.888885 8.65582V15.9248C0.888885 16.333 1.15553 16.664 1.48443 16.664H22.5156C22.8444 16.664 23.1111 16.333 23.1111 15.9248V8.65582C23.1111 8.24759 22.8444 7.91667 22.5156 7.91667Z" stroke="black" stroke-width="1.5"></path>
    <path d="M4.12145 8H3.37857C3.16948 8 3 8.1206 3 8.26937V12.7306C3 12.8794 3.16948 13 3.37857 13H4.12145C4.33052 13 4.5 12.8794 4.5 12.7306V8.26937C4.5 8.1206 4.33052 8 4.12145 8Z" fill="black"></path>
    <path d="M8.12142 8H7.37854C7.16948 8 7 8.09959 7 8.22246V10.7775C7 10.9004 7.16948 11 7.37854 11H8.12142C8.33052 11 8.5 10.9004 8.5 10.7775V8.22246C8.5 8.09959 8.33052 8 8.12142 8Z" fill="black"></path>
    <path d="M12.1214 8H11.3786C11.1695 8 11 8.1206 11 8.26937V12.7306C11 12.8794 11.1695 13 11.3786 13H12.1214C12.3305 13 12.5 12.8794 12.5 12.7306V8.26937C12.5 8.1206 12.3305 8 12.1214 8Z" fill="black"></path>
    <path d="M16.1214 8H15.3785C15.1695 8 15 8.09959 15 8.22246V10.7775C15 10.9004 15.1695 11 15.3785 11H16.1214C16.3305 11 16.5 10.9004 16.5 10.7775V8.22246C16.5 8.09959 16.3305 8 16.1214 8Z" fill="black"></path>
    <path d="M20.1215 8H19.3786C19.1695 8 19 8.1206 19 8.26937V12.7306C19 12.8794 19.1695 13 19.3786 13H20.1215C20.3305 13 20.5 12.8794 20.5 12.7306V8.26937C20.5 8.1206 20.3305 8 20.1215 8Z" fill="black"></path>
  </g>
  <defs>
    <clipPath id="clip0_20_117">
      <rect width="24" height="11" fill="white" transform="translate(0 7)"></rect>
    </clipPath>
  </defs>
</svg>

<a class="block text-xs underline underline-offset-2" href="http://blog.wantable.com/wantable-size-chart/" target="_blank">
View Size Guide
</a>
</div>
</div>

</div>
</div>
</div>
</section>

<turbo-frame class="empty:hidden" id="stream-tooltip-popup-558493"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="558493" id="stream--variant-size-frame_size_558493"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="558493" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-558493" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-558493"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-558493">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="24" data-price="89.0" data-sku="121726-A-1" data-value="558494">
24
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="25" data-price="89.0" data-sku="121726-A-2" data-value="558495">
25
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="26" data-price="89.0" data-sku="121726-A-3" data-value="558496">
26
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="27" data-price="89.0" data-sku="121726-A-4" data-value="558497">
27
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="28" data-price="89.0" data-sku="121726-A-5" data-value="558498">
28
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="29" data-price="89.0" data-sku="121726-A-6" data-value="558499">
29
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="30" data-price="89.0" data-sku="121726-A-7" data-value="558500">
30
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="31" data-price="89.0" data-sku="121726-A-8" data-value="558501">
31
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="32" data-price="89.0" data-sku="121726-A-9" data-value="558502">
32
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-558493" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-558493 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="558493" data-stream--action-button-position-value="16" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-558493 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="558493" data-stream--action-button-position-value="16" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-558493 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="558493" data-stream--action-button-position-value="16" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
</div>
</div>

<div class="flex flex-col pb-3 relative max-w-full" data-controller="stream--color-panel" data-stream--color-panel-active-color-id-value="560251" id="variant_560251">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="560251" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-560251"><div class="badge badge-bestseller pr-2 cursor-pointer" data-action="click-&gt;stream--badge-filter#apply keydown.enter-&gt;stream--badge-filter#apply" data-controller="stream--badge-filter" data-stream--badge-filter-field-value="bestsellers" data-stream--badge-filter-value-value="true" role="button" tabindex="0">
<span class="">Bestseller</span>
</div>

</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="578372" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-578372"><div class="badge badge-new-arrival pr-2 cursor-pointer" data-action="click-&gt;stream--badge-filter#apply keydown.enter-&gt;stream--badge-filter#apply" data-controller="stream--badge-filter" data-stream--badge-filter-field-value="new_arrivals" data-stream--badge-filter-value-value="true" role="button" tabindex="0">
<span class="">New Arrival</span>
</div>

</turbo-frame></div>
<div class="" data-color-id="560251" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_560251_stream_master-1750192382.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_560251_stream_master-1750192382.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_560251_stream_master-1750192382.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_560251_stream-1752868979.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_560251_stream-1752868979.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_560251_stream-1752868979.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_560251_stream_master-1750192373.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_560251_stream_master-1750192373.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_560251_stream_master-1750192373.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/560251/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="578372" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_578372_stream_master-1784664178.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_578372_stream_master-1784664178.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_578372_stream_master-1784664178.jpg">
</picture>
</div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/578372/">Product Details</a>
</div>

</div>
</div>
<div class="w-full flex flex-col mt-2 flex-1 px-1.5">
<h3 class="font-semibold whitespace-nowrap overflow-hidden text-ellipsis">
Striped Drop Shoulder Crop Pullover
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
by together
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="560251" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Natural/Black</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$69.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="578372" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Chocolate/Natural</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$69.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>

<div class="flex flex-wrap items-center gap-1 pb-2">
<button class="w-6 h-6 border ring-1 ring-off_black" data-action="stream--color-panel#selectColor" data-color-id="560251" data-color-name="Natural/Black" data-origin-label="Stream color swatch: Natural/Black" data-stream--color-panel-target="swatch" style="background-image: url(&#39;https://cl.wantable.com/image/upload/c_fill,h_48,q_auto,w_48/v1/production/wantable/images/Variant_560251_swatch_image-1750192365.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="578372" data-color-name="Chocolate/Natural" data-origin-label="Stream color swatch: Chocolate/Natural" data-stream--color-panel-target="swatch" style="background-color: #9B6B43;" type="button"></button>
</div>

<section class="accordion text-sm font-semibold border-t border-b my-2 py-2 overflow-hidden lg:hidden">
<div class="tab">
<input class="absolute opacity-0 -z-1" id="560251" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="560251">Product Details</label>
<div class="tab__content text-sm font-normal max-h-[0px] overflow-hidden transition-all duration-[350ms]">
<div class="content p-1">
<div>
<p>This striped sweatshirt has that cozy, old-favorite feel! Cropped at the waist with a slouchy fit and puff sleeves, it&#39;ll be a chic addition to your capsule wardrobe. Made of a slub knit to keep you toasty through transitional season.</p>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>100.0% POLYESTER</p>
<h6 class="font-bold mt-4 mb-2">Model Info</h6>
<p>
</p>
<div class="flex flex-col mb-4 text-sm">
<p class="font-semibold mb-2">Fit</p>
<div class="sr-only">
Rating of 1 means Runs small.
Middle rating means True to size.
Rating of 5 means Runs large.
The fit rating of this product is 5 out of 5.
</div>
<div class="flex gap-2" role="presentation">
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-forest_green"></div>
</div>
<div class="flex justify-between mt-1" role="presentation">
<span class="text-xs">Runs small</span>
<span class="text-xs">True to size</span>
<span class="text-xs">Runs large</span>
</div>
</div>

<div class="inline-flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-5 h-5 mr-2">
  <rect width="24" height="24" fill="white"></rect>
  <g clip-path="url(#clip0_20_117)">
    <path d="M22.5156 7.91667H1.48443C1.15553 7.91667 0.888885 8.24759 0.888885 8.65582V15.9248C0.888885 16.333 1.15553 16.664 1.48443 16.664H22.5156C22.8444 16.664 23.1111 16.333 23.1111 15.9248V8.65582C23.1111 8.24759 22.8444 7.91667 22.5156 7.91667Z" stroke="black" stroke-width="1.5"></path>
    <path d="M4.12145 8H3.37857C3.16948 8 3 8.1206 3 8.26937V12.7306C3 12.8794 3.16948 13 3.37857 13H4.12145C4.33052 13 4.5 12.8794 4.5 12.7306V8.26937C4.5 8.1206 4.33052 8 4.12145 8Z" fill="black"></path>
    <path d="M8.12142 8H7.37854C7.16948 8 7 8.09959 7 8.22246V10.7775C7 10.9004 7.16948 11 7.37854 11H8.12142C8.33052 11 8.5 10.9004 8.5 10.7775V8.22246C8.5 8.09959 8.33052 8 8.12142 8Z" fill="black"></path>
    <path d="M12.1214 8H11.3786C11.1695 8 11 8.1206 11 8.26937V12.7306C11 12.8794 11.1695 13 11.3786 13H12.1214C12.3305 13 12.5 12.8794 12.5 12.7306V8.26937C12.5 8.1206 12.3305 8 12.1214 8Z" fill="black"></path>
    <path d="M16.1214 8H15.3785C15.1695 8 15 8.09959 15 8.22246V10.7775C15 10.9004 15.1695 11 15.3785 11H16.1214C16.3305 11 16.5 10.9004 16.5 10.7775V8.22246C16.5 8.09959 16.3305 8 16.1214 8Z" fill="black"></path>
    <path d="M20.1215 8H19.3786C19.1695 8 19 8.1206 19 8.26937V12.7306C19 12.8794 19.1695 13 19.3786 13H20.1215C20.3305 13 20.5 12.8794 20.5 12.7306V8.26937C20.5 8.1206 20.3305 8 20.1215 8Z" fill="black"></path>
  </g>
  <defs>
    <clipPath id="clip0_20_117">
      <rect width="24" height="11" fill="white" transform="translate(0 7)"></rect>
    </clipPath>
  </defs>
</svg>

<a class="block text-xs underline underline-offset-2" href="http://blog.wantable.com/wantable-size-chart/" target="_blank">
View Size Guide
</a>
</div>
</div>

</div>
</div>
</div>
</section>

<turbo-frame class="empty:hidden" id="stream-tooltip-popup-560251"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="560251" id="stream--variant-size-frame_size_560251"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="560251" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-560251" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-560251"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-560251">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="S (2-4)" data-price="69.0" data-sku="121896-A-1" data-value="560252">
S (2-4)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="M (6-8)" data-price="69.0" data-sku="121896-A-2" data-value="560253">
M (6-8)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="L (10-12)" data-price="69.0" data-sku="121896-A-3" data-value="560254">
L (10-12)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-560251" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-560251 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="560251" data-stream--action-button-position-value="17" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-560251 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="560251" data-stream--action-button-position-value="17" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-560251 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="560251" data-stream--action-button-position-value="17" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1 !hidden" data-stream--color-panel-target="sizeForm" data-color-id="578372" id="stream--variant-size-frame_size_578372"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="578372" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-578372" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-578372"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-578372">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XS (0-2)" data-price="69.0" data-sku="121896-B-4" data-value="578376">
XS (0-2)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="S (2-4)" data-price="69.0" data-sku="121896-B-1" data-value="578373">
S (2-4)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="M (6-8)" data-price="69.0" data-sku="121896-B-2" data-value="578374">
M (6-8)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm text-off_black/40 cursor-default" data-action="" data-components--custom-select-target="" data-label="L (10-12)" data-price="69.0" data-sku="121896-B-3" data-value="578375">
L (10-12)
<span class="text-xs ml-2">not available</span>
</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-578372" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-578372 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="578372" data-stream--action-button-position-value="17" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-578372 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="578372" data-stream--action-button-position-value="17" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-578372 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="578372" data-stream--action-button-position-value="17" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
</div>
</div>

<div class="flex flex-col pb-3 relative max-w-full" data-controller="stream--color-panel" data-stream--color-panel-active-color-id-value="579983" id="variant_579983">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="579983" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-579983"><div class="badge badge-bestseller pr-2 cursor-pointer" data-action="click-&gt;stream--badge-filter#apply keydown.enter-&gt;stream--badge-filter#apply" data-controller="stream--badge-filter" data-stream--badge-filter-field-value="bestsellers" data-stream--badge-filter-value-value="true" role="button" tabindex="0">
<span class="">Bestseller</span>
</div>

</turbo-frame></div>
<div class="" data-color-id="579983" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_579983_stream_master-1787862816.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_579983_stream_master-1787862816.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_579983_stream_master-1787862816.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_579983_stream-1788213762.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_579983_stream-1788213762.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_579983_stream-1788213762.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_579983_stream_master-1787862796.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_579983_stream_master-1787862796.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_579983_stream_master-1787862796.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="3" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_579983_stream_master-1787862774.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_579983_stream_master-1787862774.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_579983_stream_master-1787862774.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="4" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_579983_stream-1787862825.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_579983_stream-1787862825.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_579983_stream-1787862825.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="5" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_579983_stream_master-1787862765.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_579983_stream_master-1787862765.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_579983_stream_master-1787862765.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="6" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_579983_stream_master-1787182361.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_579983_stream_master-1787182361.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_579983_stream_master-1787182361.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="3" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="4" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="5" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="6" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/579983/">Product Details</a>
</div>

</div>
</div>
<div class="w-full flex flex-col mt-2 flex-1 px-1.5">
<h3 class="font-semibold whitespace-nowrap overflow-hidden text-ellipsis">
Delilah Off the Shoulder Cable Knit Sweater
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
SEAS
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="579983" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Cream</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$84.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>


<section class="accordion text-sm font-semibold border-t border-b my-2 py-2 overflow-hidden lg:hidden">
<div class="tab">
<input class="absolute opacity-0 -z-1" id="579983" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="579983">Product Details</label>
<div class="tab__content text-sm font-normal max-h-[0px] overflow-hidden transition-all duration-[350ms]">
<div class="content p-1">
<div>
<p>Soft texture, flirty shape. This cable knit sweater sits just off the shoulder for a hint of drama. With its classic cable knit texture and a cozy silhouette, it feels equal parts polished and relaxed.</p>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>60.0% COTTON, 40.0% ACRYLIC</p>
<h6 class="font-bold mt-4 mb-2">Model Info</h6>
<p>
<span>
Brooke is
<span>
<span class="font-bold">Height</span>
<span>5&#39; 10&quot;</span>
</span>
<span>
<span class="font-bold">Bust</span>
<span>32&quot;</span>
</span>
<span>
<span class="font-bold">Waist</span>
<span>24&quot;</span>
</span>
<span>
<span class="font-bold">Hips</span>
<span>35&quot;</span>
</span>
</span>

</p>
<div class="flex flex-col mb-4 text-sm">
<p class="font-semibold mb-2">Fit</p>
<div class="sr-only">
Rating of 1 means Runs small.
Middle rating means True to size.
Rating of 5 means Runs large.
The fit rating of this product is 5 out of 5.
</div>
<div class="flex gap-2" role="presentation">
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-forest_green"></div>
</div>
<div class="flex justify-between mt-1" role="presentation">
<span class="text-xs">Runs small</span>
<span class="text-xs">True to size</span>
<span class="text-xs">Runs large</span>
</div>
</div>

<div class="inline-flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-5 h-5 mr-2">
  <rect width="24" height="24" fill="white"></rect>
  <g clip-path="url(#clip0_20_117)">
    <path d="M22.5156 7.91667H1.48443C1.15553 7.91667 0.888885 8.24759 0.888885 8.65582V15.9248C0.888885 16.333 1.15553 16.664 1.48443 16.664H22.5156C22.8444 16.664 23.1111 16.333 23.1111 15.9248V8.65582C23.1111 8.24759 22.8444 7.91667 22.5156 7.91667Z" stroke="black" stroke-width="1.5"></path>
    <path d="M4.12145 8H3.37857C3.16948 8 3 8.1206 3 8.26937V12.7306C3 12.8794 3.16948 13 3.37857 13H4.12145C4.33052 13 4.5 12.8794 4.5 12.7306V8.26937C4.5 8.1206 4.33052 8 4.12145 8Z" fill="black"></path>
    <path d="M8.12142 8H7.37854C7.16948 8 7 8.09959 7 8.22246V10.7775C7 10.9004 7.16948 11 7.37854 11H8.12142C8.33052 11 8.5 10.9004 8.5 10.7775V8.22246C8.5 8.09959 8.33052 8 8.12142 8Z" fill="black"></path>
    <path d="M12.1214 8H11.3786C11.1695 8 11 8.1206 11 8.26937V12.7306C11 12.8794 11.1695 13 11.3786 13H12.1214C12.3305 13 12.5 12.8794 12.5 12.7306V8.26937C12.5 8.1206 12.3305 8 12.1214 8Z" fill="black"></path>
    <path d="M16.1214 8H15.3785C15.1695 8 15 8.09959 15 8.22246V10.7775C15 10.9004 15.1695 11 15.3785 11H16.1214C16.3305 11 16.5 10.9004 16.5 10.7775V8.22246C16.5 8.09959 16.3305 8 16.1214 8Z" fill="black"></path>
    <path d="M20.1215 8H19.3786C19.1695 8 19 8.1206 19 8.26937V12.7306C19 12.8794 19.1695 13 19.3786 13H20.1215C20.3305 13 20.5 12.8794 20.5 12.7306V8.26937C20.5 8.1206 20.3305 8 20.1215 8Z" fill="black"></path>
  </g>
  <defs>
    <clipPath id="clip0_20_117">
      <rect width="24" height="11" fill="white" transform="translate(0 7)"></rect>
    </clipPath>
  </defs>
</svg>

<a class="block text-xs underline underline-offset-2" href="http://blog.wantable.com/wantable-size-chart/" target="_blank">
View Size Guide
</a>
</div>
</div>

</div>
</div>
</div>
</section>

<turbo-frame class="empty:hidden" id="stream-tooltip-popup-579983"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="579983" id="stream--variant-size-frame_size_579983"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="579983" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-579983" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-579983"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-579983">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XS (0-2)" data-price="84.0" data-sku="123333-A-1" data-value="579984">
XS (0-2)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="S (2-4)" data-price="84.0" data-sku="123333-A-2" data-value="579985">
S (2-4)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="M (6-8)" data-price="84.0" data-sku="123333-A-3" data-value="579986">
M (6-8)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="L (10-12)" data-price="84.0" data-sku="123333-A-4" data-value="579987">
L (10-12)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XL (14)" data-price="84.0" data-sku="123333-A-5" data-value="579988">
XL (14)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-579983" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-579983 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="579983" data-stream--action-button-position-value="18" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-579983 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="579983" data-stream--action-button-position-value="18" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-579983 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="579983" data-stream--action-button-position-value="18" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
</div>
</div>

<div class="flex flex-col pb-3 relative max-w-full" data-controller="stream--color-panel" data-stream--color-panel-active-color-id-value="580645" id="variant_580645">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="580645" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-580645"><div class="badge badge-new-arrival pr-2 cursor-pointer" data-action="click-&gt;stream--badge-filter#apply keydown.enter-&gt;stream--badge-filter#apply" data-controller="stream--badge-filter" data-stream--badge-filter-field-value="new_arrivals" data-stream--badge-filter-value-value="true" role="button" tabindex="0">
<span class="">New Arrival</span>
</div>

</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="580657" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-580657"><div class="badge badge-new-arrival pr-2 cursor-pointer" data-action="click-&gt;stream--badge-filter#apply keydown.enter-&gt;stream--badge-filter#apply" data-controller="stream--badge-filter" data-stream--badge-filter-field-value="new_arrivals" data-stream--badge-filter-value-value="true" role="button" tabindex="0">
<span class="">New Arrival</span>
</div>

</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="580651" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-580651"><div class="badge badge-new-arrival pr-2 cursor-pointer" data-action="click-&gt;stream--badge-filter#apply keydown.enter-&gt;stream--badge-filter#apply" data-controller="stream--badge-filter" data-stream--badge-filter-field-value="new_arrivals" data-stream--badge-filter-value-value="true" role="button" tabindex="0">
<span class="">New Arrival</span>
</div>

</turbo-frame></div>
<div class="" data-color-id="580645" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580645_stream_master-1787544181.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580645_stream_master-1787544181.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580645_stream_master-1787544181.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580645_stream_master-1787544166.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580645_stream_master-1787544166.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580645_stream_master-1787544166.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580645_stream-1788472971.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580645_stream-1788472971.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580645_stream-1788472971.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="3" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580645_stream-1788472968.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580645_stream-1788472968.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580645_stream-1788472968.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="4" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580645_stream-1788472964.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580645_stream-1788472964.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580645_stream-1788472964.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="3" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="4" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/580645/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="580657" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580657_stream_master-1784912560.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580657_stream_master-1784912560.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580657_stream_master-1784912560.jpg">
</picture>
</div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/580657/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="580651" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580651_stream_master-1784912556.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580651_stream_master-1784912556.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580651_stream_master-1784912556.jpg">
</picture>
</div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/580651/">Product Details</a>
</div>

</div>
</div>
<div class="w-full flex flex-col mt-2 flex-1 px-1.5">
<h3 class="font-semibold whitespace-nowrap overflow-hidden text-ellipsis">
Long Sleeve Turtle Neck Sweater
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
Liverpool
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="580645" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Harvest Khaki Mélange</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$79.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="580657" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Dark Oxblood</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$79.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="580651" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Auburn Rust</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$79.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>

<div class="flex flex-wrap items-center gap-1 pb-2">
<button class="w-6 h-6 border ring-1 ring-off_black" data-action="stream--color-panel#selectColor" data-color-id="580645" data-color-name="Harvest Khaki Mélange" data-origin-label="Stream color swatch: Harvest Khaki Mélange" data-stream--color-panel-target="swatch" style="" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="580657" data-color-name="Dark Oxblood" data-origin-label="Stream color swatch: Dark Oxblood" data-stream--color-panel-target="swatch" style="background-color: #C53D45;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="580651" data-color-name="Auburn Rust" data-origin-label="Stream color swatch: Auburn Rust" data-stream--color-panel-target="swatch" style="background-color: #9B6B43;" type="button"></button>
</div>

<section class="accordion text-sm font-semibold border-t border-b my-2 py-2 overflow-hidden lg:hidden">
<div class="tab">
<input class="absolute opacity-0 -z-1" id="580645" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="580645">Product Details</label>
<div class="tab__content text-sm font-normal max-h-[0px] overflow-hidden transition-all duration-[350ms]">
<div class="content p-1">
<div>
<p>The turtleneck you&#39;ll live in all season. Crafted from a soft ribbed knit with a slim fit, this timeless staple is made for crisp air and comfy vibes. It slips easily under your favorite fall jacket for effortless layering.</p>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>50.0% VISCOSE, 28.0% POLYESTER, 22.0% NYLON</p>
<h6 class="font-bold mt-4 mb-2">Model Info</h6>
<p>
</p>
<div class="flex flex-col mb-4 text-sm">
<p class="font-semibold mb-2">Fit</p>
<div class="sr-only">
Rating of 1 means Runs small.
Middle rating means True to size.
Rating of 5 means Runs large.
The fit rating of this product is 4 out of 5.
</div>
<div class="flex gap-2" role="presentation">
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
<div class="flex-1 h-2 bg-forest_green"></div>
<div class="flex-1 h-2 bg-cool_gray"></div>
</div>
<div class="flex justify-between mt-1" role="presentation">
<span class="text-xs">Runs small</span>
<span class="text-xs">True to size</span>
<span class="text-xs">Runs large</span>
</div>
</div>

<div class="inline-flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-5 h-5 mr-2">
  <rect width="24" height="24" fill="white"></rect>
  <g clip-path="url(#clip0_20_117)">
    <path d="M22.5156 7.91667H1.48443C1.15553 7.91667 0.888885 8.24759 0.888885 8.65582V15.9248C0.888885 16.333 1.15553 16.664 1.48443 16.664H22.5156C22.8444 16.664 23.1111 16.333 23.1111 15.9248V8.65582C23.1111 8.24759 22.8444 7.91667 22.5156 7.91667Z" stroke="black" stroke-width="1.5"></path>
    <path d="M4.12145 8H3.37857C3.16948 8 3 8.1206 3 8.26937V12.7306C3 12.8794 3.16948 13 3.37857 13H4.12145C4.33052 13 4.5 12.8794 4.5 12.7306V8.26937C4.5 8.1206 4.33052 8 4.12145 8Z" fill="black"></path>
    <path d="M8.12142 8H7.37854C7.16948 8 7 8.09959 7 8.22246V10.7775C7 10.9004 7.16948 11 7.37854 11H8.12142C8.33052 11 8.5 10.9004 8.5 10.7775V8.22246C8.5 8.09959 8.33052 8 8.12142 8Z" fill="black"></path>
    <path d="M12.1214 8H11.3786C11.1695 8 11 8.1206 11 8.26937V12.7306C11 12.8794 11.1695 13 11.3786 13H12.1214C12.3305 13 12.5 12.8794 12.5 12.7306V8.26937C12.5 8.1206 12.3305 8 12.1214 8Z" fill="black"></path>
    <path d="M16.1214 8H15.3785C15.1695 8 15 8.09959 15 8.22246V10.7775C15 10.9004 15.1695 11 15.3785 11H16.1214C16.3305 11 16.5 10.9004 16.5 10.7775V8.22246C16.5 8.09959 16.3305 8 16.1214 8Z" fill="black"></path>
    <path d="M20.1215 8H19.3786C19.1695 8 19 8.1206 19 8.26937V12.7306C19 12.8794 19.1695 13 19.3786 13H20.1215C20.3305 13 20.5 12.8794 20.5 12.7306V8.26937C20.5 8.1206 20.3305 8 20.1215 8Z" fill="black"></path>
  </g>
  <defs>
    <clipPath id="clip0_20_117">
      <rect width="24" height="11" fill="white" transform="translate(0 7)"></rect>
    </clipPath>
  </defs>
</svg>

<a class="block text-xs underline underline-offset-2" href="http://blog.wantable.com/wantable-size-chart/" target="_blank">
View Size Guide
</a>
</div>
</div>

</div>
</div>
</div>
</section>

<turbo-frame class="empty:hidden" id="stream-tooltip-popup-580645"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="580645" id="stream--variant-size-frame_size_580645"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="580645" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-580645" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-580645"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-580645">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XS (0-2)" data-price="79.0" data-sku="123412-A-1" data-value="580646">
XS (0-2)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="S (2-4)" data-price="79.0" data-sku="123412-A-2" data-value="580647">
S (2-4)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="M (6-8)" data-price="79.0" data-sku="123412-A-3" data-value="580648">
M (6-8)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="L (10-12)" data-price="79.0" data-sku="123412-A-4" data-value="580649">
L (10-12)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XL (14)" data-price="79.0" data-sku="123412-A-5" data-value="580650">
XL (14)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-580645" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-580645 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="580645" data-stream--action-button-position-value="19" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-580645 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="580645" data-stream--action-button-position-value="19" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-580645 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="580645" data-stream--action-button-position-value="19" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1 !hidden" data-stream--color-panel-target="sizeForm" data-color-id="580657" id="stream--variant-size-frame_size_580657"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="580657" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-580657" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-580657"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-580657">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XS (0-2)" data-price="79.0" data-sku="123412-C-1" data-value="580658">
XS (0-2)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="S (2-4)" data-price="79.0" data-sku="123412-C-2" data-value="580659">
S (2-4)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="M (6-8)" data-price="79.0" data-sku="123412-C-3" data-value="580660">
M (6-8)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="L (10-12)" data-price="79.0" data-sku="123412-C-4" data-value="580661">
L (10-12)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XL (14)" data-price="79.0" data-sku="123412-C-5" data-value="580662">
XL (14)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-580657" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-580657 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="580657" data-stream--action-button-position-value="19" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-580657 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="580657" data-stream--action-button-position-value="19" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-580657 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="580657" data-stream--action-button-position-value="19" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1 !hidden" data-stream--color-panel-target="sizeForm" data-color-id="580651" id="stream--variant-size-frame_size_580651"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="580651" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-580651" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-580651"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-580651">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XS (0-2)" data-price="79.0" data-sku="123412-B-1" data-value="580652">
XS (0-2)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="S (2-4)" data-price="79.0" data-sku="123412-B-2" data-value="580653">
S (2-4)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="M (6-8)" data-price="79.0" data-sku="123412-B-3" data-value="580654">
M (6-8)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="L (10-12)" data-price="79.0" data-sku="123412-B-4" data-value="580655">
L (10-12)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="XL (14)" data-price="79.0" data-sku="123412-B-5" data-value="580656">
XL (14)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-580651" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-580651 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="580651" data-stream--action-button-position-value="19" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-580651 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="580651" data-stream--action-button-position-value="19" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-580651 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="580651" data-stream--action-button-position-value="19" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
</div>
</div>

<div class="flex flex-col pb-3 relative max-w-full" data-controller="stream--color-panel" data-stream--color-panel-active-color-id-value="580799" id="variant_580799">
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="580809" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-580809"><div class="badge badge-new-arrival pr-2 cursor-pointer" data-action="click-&gt;stream--badge-filter#apply keydown.enter-&gt;stream--badge-filter#apply" data-controller="stream--badge-filter" data-stream--badge-filter-field-value="new_arrivals" data-stream--badge-filter-value-value="true" role="button" tabindex="0">
<span class="">New Arrival</span>
</div>

</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="580799" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-580799"><div class="badge badge-new-arrival pr-2 cursor-pointer" data-action="click-&gt;stream--badge-filter#apply keydown.enter-&gt;stream--badge-filter#apply" data-controller="stream--badge-filter" data-stream--badge-filter-field-value="new_arrivals" data-stream--badge-filter-value-value="true" role="button" tabindex="0">
<span class="">New Arrival</span>
</div>

</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="580789" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-580789"><div class="badge badge-new-arrival pr-2 cursor-pointer" data-action="click-&gt;stream--badge-filter#apply keydown.enter-&gt;stream--badge-filter#apply" data-controller="stream--badge-filter" data-stream--badge-filter-field-value="new_arrivals" data-stream--badge-filter-value-value="true" role="button" tabindex="0">
<span class="">New Arrival</span>
</div>

</turbo-frame></div>
<div class="!hidden" data-color-id="580809" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580809_stream_master-1788449561.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580809_stream_master-1788449561.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580809_stream_master-1788449561.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580809_stream-1788449596.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580809_stream-1788449596.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580809_stream-1788449596.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580809_stream-1788449577.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580809_stream-1788449577.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580809_stream-1788449577.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="3" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580809_stream-1788449566.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580809_stream-1788449566.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580809_stream-1788449566.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="3" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/580809/">Product Details</a>
</div>

</div>
</div>
<div class="" data-color-id="580799" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580799_stream_master-1788993166.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580799_stream_master-1788993166.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580799_stream_master-1788993166.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580799_stream_master-1788449592.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580799_stream_master-1788449592.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580799_stream_master-1788449592.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580799_stream_master-1788449575.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580799_stream_master-1788449575.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580799_stream_master-1788449575.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="3" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580799_stream_master-1788449571.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580799_stream_master-1788449571.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580799_stream_master-1788449571.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="3" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/580799/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="580789" data-stream--color-panel-target="slider">
<div class="slider slide__wrapper" data-controller="image-slider">
<div class="slider__slides" data-image-slider-target="slideWrapper">
<div class="slider__slide" data-image-slider-index-value="0" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580789_stream_master-1788449567.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580789_stream_master-1788449567.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580789_stream_master-1788449567.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="1" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580789_stream-1788449598.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580789_stream-1788449598.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580789_stream-1788449598.jpg">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="2" data-image-slider-target="slide">
<picture>
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580789_stream-1788449579.webp" media="(min-width: 768px)" type="image/webp">
<source data-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580789_stream-1788449579.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-defer-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580789_stream-1788449579.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="3" data-image-slider-target="slide">
<picture>
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_580789_stream_master-1788449565.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_580789_stream_master-1788449565.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_580789_stream_master-1788449565.jpg">
</picture>
</div>
</div>
<button class="nav-button--prev slider__nav-button hidden md:block" data-action="image-slider#previous"></button>
<button class="nav-button--next slider__nav-button hidden md:block" data-action="image-slider#next"></button>
<div class="slider__nav">
<div class="slider__navlink" data-image-slider-index-value="0" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="1" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="2" data-image-slider-target="link"></div>
<div class="slider__navlink" data-image-slider-index-value="3" data-image-slider-target="link"></div>
</div>
<div class="details absolute btn-secondary px-2 py-1 w-8/12 bottom-[60px] right-2/4 translate-x-2/4 opacity-60 hover:opacity-100 hover:bg-forest_green/90 mx-auto hidden" type="button">
<a data-turbo-frame="modal" class=" flex justify-center items-center h-full w-full" href="/stream/25809/product_details/580789/">Product Details</a>
</div>

</div>
</div>
<div class="w-full flex flex-col mt-2 flex-1 px-1.5">
<h3 class="font-semibold whitespace-nowrap overflow-hidden text-ellipsis">
Mid Rise Straight
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
Mica Denim
</p>
<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="580809" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Mustard</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$89.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>

<div class="text-sm flex justify-between mb-2" data-color-id="580799" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Grey</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$89.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="580789" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Verdant Green</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$89.00</p><div class="line-through ml-2 text-off_black/65"></div>
</div>
</div>

<div class="flex flex-wrap items-center gap-1 pb-2">
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="580809" data-color-name="Mustard" data-origin-label="Stream color swatch: Mustard" data-stream--color-panel-target="swatch" style="background-color: #EFCF5A;" type="button"></button>
<button class="w-6 h-6 border ring-1 ring-off_black" data-action="stream--color-panel#selectColor" data-color-id="580799" data-color-name="Grey" data-origin-label="Stream color swatch: Grey" data-stream--color-panel-target="swatch" style="background-color: #6B6B6B;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="580789" data-color-name="Verdant Green" data-origin-label="Stream color swatch: Verdant Green" data-stream--color-panel-target="swatch" style="background-color: #6A8F5B;" type="button"></button>
</div>

<section class="accordion text-sm font-semibold border-t border-b my-2 py-2 overflow-hidden lg:hidden">
<div class="tab">
<input class="absolute opacity-0 -z-1" id="580799" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="580799">Product Details</label>
<div class="tab__content text-sm font-normal max-h-[0px] overflow-hidden transition-all duration-[350ms]">
<div class="content p-1">
<div>
<p>Double down on good denim. A double-button closure gives these mid-rise straight-leg jeans a standout detail, while the streamlined fit keeps them endlessly wearable. Your everyday denim just got more interesting.</p>
<div class="mt-4 mb-4">
<div class="flex flex-row">
<p class="font-bold mr-1 5 w-24">Inseam:</p>
<span class="font-regular">29.0"</span>
</div>

<div class="flex flex-row">
<p class="font-bold mr-1 5 w-24">Rise:</p>
<span class="font-regular">
10.0&quot;
</span>
</div>

</div>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>92.0% COTTON, 6.5% POLYESTER, 1.5% SPANDEX</p>
<h6 class="font-bold mt-4 mb-2">Model Info</h6>
<p>
</p>
<div class="inline-flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-5 h-5 mr-2">
  <rect width="24" height="24" fill="white"></rect>
  <g clip-path="url(#clip0_20_117)">
    <path d="M22.5156 7.91667H1.48443C1.15553 7.91667 0.888885 8.24759 0.888885 8.65582V15.9248C0.888885 16.333 1.15553 16.664 1.48443 16.664H22.5156C22.8444 16.664 23.1111 16.333 23.1111 15.9248V8.65582C23.1111 8.24759 22.8444 7.91667 22.5156 7.91667Z" stroke="black" stroke-width="1.5"></path>
    <path d="M4.12145 8H3.37857C3.16948 8 3 8.1206 3 8.26937V12.7306C3 12.8794 3.16948 13 3.37857 13H4.12145C4.33052 13 4.5 12.8794 4.5 12.7306V8.26937C4.5 8.1206 4.33052 8 4.12145 8Z" fill="black"></path>
    <path d="M8.12142 8H7.37854C7.16948 8 7 8.09959 7 8.22246V10.7775C7 10.9004 7.16948 11 7.37854 11H8.12142C8.33052 11 8.5 10.9004 8.5 10.7775V8.22246C8.5 8.09959 8.33052 8 8.12142 8Z" fill="black"></path>
    <path d="M12.1214 8H11.3786C11.1695 8 11 8.1206 11 8.26937V12.7306C11 12.8794 11.1695 13 11.3786 13H12.1214C12.3305 13 12.5 12.8794 12.5 12.7306V8.26937C12.5 8.1206 12.3305 8 12.1214 8Z" fill="black"></path>
    <path d="M16.1214 8H15.3785C15.1695 8 15 8.09959 15 8.22246V10.7775C15 10.9004 15.1695 11 15.3785 11H16.1214C16.3305 11 16.5 10.9004 16.5 10.7775V8.22246C16.5 8.09959 16.3305 8 16.1214 8Z" fill="black"></path>
    <path d="M20.1215 8H19.3786C19.1695 8 19 8.1206 19 8.26937V12.7306C19 12.8794 19.1695 13 19.3786 13H20.1215C20.3305 13 20.5 12.8794 20.5 12.7306V8.26937C20.5 8.1206 20.3305 8 20.1215 8Z" fill="black"></path>
  </g>
  <defs>
    <clipPath id="clip0_20_117">
      <rect width="24" height="11" fill="white" transform="translate(0 7)"></rect>
    </clipPath>
  </defs>
</svg>

<a class="block text-xs underline underline-offset-2" href="http://blog.wantable.com/wantable-size-chart/" target="_blank">
View Size Guide
</a>
</div>
</div>

</div>
</div>
</div>
</section>

<turbo-frame class="empty:hidden" id="stream-tooltip-popup-580799"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1 !hidden" data-stream--color-panel-target="sizeForm" data-color-id="580809" id="stream--variant-size-frame_size_580809"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="580809" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-580809" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-580809"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-580809">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="24" data-price="89.0" data-sku="123426-C-1" data-value="580810">
24
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="25" data-price="89.0" data-sku="123426-C-3" data-value="580812">
25
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="26" data-price="89.0" data-sku="123426-C-2" data-value="580811">
26
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="27" data-price="89.0" data-sku="123426-C-4" data-value="580813">
27
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="28" data-price="89.0" data-sku="123426-C-5" data-value="580814">
28
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="29" data-price="89.0" data-sku="123426-C-6" data-value="580815">
29
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="30" data-price="89.0" data-sku="123426-C-7" data-value="580816">
30
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="31" data-price="89.0" data-sku="123426-C-8" data-value="580817">
31
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="32" data-price="89.0" data-sku="123426-C-9" data-value="580818">
32
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-580809" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-580809 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="580809" data-stream--action-button-position-value="20" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-580809 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="580809" data-stream--action-button-position-value="20" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-580809 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="580809" data-stream--action-button-position-value="20" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="580799" id="stream--variant-size-frame_size_580799"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="580799" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-580799" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-580799"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-580799">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="24" data-price="89.0" data-sku="123426-B-1" data-value="580800">
24
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="25" data-price="89.0" data-sku="123426-B-3" data-value="580802">
25
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="26" data-price="89.0" data-sku="123426-B-2" data-value="580801">
26
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="27" data-price="89.0" data-sku="123426-B-4" data-value="580803">
27
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="28" data-price="89.0" data-sku="123426-B-5" data-value="580804">
28
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="29" data-price="89.0" data-sku="123426-B-6" data-value="580805">
29
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="30" data-price="89.0" data-sku="123426-B-7" data-value="580806">
30
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="31" data-price="89.0" data-sku="123426-B-8" data-value="580807">
31
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="32" data-price="89.0" data-sku="123426-B-9" data-value="580808">
32
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-580799" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-580799 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="580799" data-stream--action-button-position-value="20" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-580799 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="580799" data-stream--action-button-position-value="20" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-580799 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="580799" data-stream--action-button-position-value="20" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1 !hidden" data-stream--color-panel-target="sizeForm" data-color-id="580789" id="stream--variant-size-frame_size_580789"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="580789" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25809/request/" data-stream--stream-request-decline-decline-route-value="/stream/25809/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-580789" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-580789"><fieldset>
<legend class="text-sm font-medium mb-2 hidden">
<div class="w-full text-xs font-normal italic">
<turbo-frame class="empty:hidden" id="stream-action-580789">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

</div>
<!-- Dropdown menu -->
<div class="absolute top-full left-0 right-0 z-3 bg-white border border-off_black border-t-0 hidden" data-components--custom-select-target="menu">
<div data-slider>
<ul class="list-none m-0 p-0" data-components--custom-select-target="view" data-view="main">
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="24" data-price="89.0" data-sku="123426-A-1" data-value="580790">
24
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="25" data-price="89.0" data-sku="123426-A-2" data-value="580791">
25
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="26" data-price="89.0" data-sku="123426-A-3" data-value="580792">
26
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="27" data-price="89.0" data-sku="123426-A-4" data-value="580793">
27
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="28" data-price="89.0" data-sku="123426-A-5" data-value="580794">
28
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="29" data-price="89.0" data-sku="123426-A-6" data-value="580795">
29
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="30" data-price="89.0" data-sku="123426-A-7" data-value="580796">
30
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="31" data-price="89.0" data-sku="123426-A-8" data-value="580797">
31
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="32" data-price="89.0" data-sku="123426-A-9" data-value="580798">
32
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-580789" data-stream--stream-request-decline-target="errorMessage">
Please select a size
</div>
<div class="flex flex-row gap-1 mt-1 ">
<button class="request-decline-button request-decline-button-580789 flex justify-center items-center px-3 tooltip ring-1 hover:bg-forest_green hover:ring-forest_green btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="580789" data-stream--action-button-position-value="20" data-stream--action-button-route-value="/stream/25809/request/?most_wanted=false" data-stream--action-button-type-value="request" data-stream--most-wanted-button-button-type-value="request" data-stream--most-wanted-button-target="request" data-title="Request">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_up flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-580789 flex justify-center items-center px-3 tooltip ring-1 hover:bg-off_black hover:ring-off_black hover:text-white btn-inactive w-full py-2.5" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="580789" data-stream--action-button-position-value="20" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=false" data-stream--action-button-type-value="decline" data-stream--most-wanted-button-button-type-value="decline" data-stream--most-wanted-button-target="decline" data-title="Decline">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon_thumb_down flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"></path>
</svg>


</button>

<button class="request-decline-button request-decline-button-580789 flex justify-center items-center px-3 tooltip ring-1 hover:bg-darkgray hover:ring-darkgray hover:text-white btn-inactive min-w-[48px]" data-action="click-&gt;stream--action-button#click click-&gt;stream--most-wanted-button#click" data-controller="stream--action-button stream--most-wanted-button" data-stream--action-button-master-value="580789" data-stream--action-button-position-value="20" data-stream--action-button-route-value="/stream/25809/remove_decline/?snooze=true" data-stream--action-button-type-value="snooze" data-stream--most-wanted-button-button-type-value="snooze" data-stream--most-wanted-button-target="snooze" data-title="Snooze">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 26" class="icon_snooze flex justify-center items-center w-[24px] h-[24px] pointer-events-none">
  <path d="M8.5462 1.41954C4.09282 2.1339 1.75149 5.42461 1.13751 6.98066C-0.95122 4.85086 0.918887 2.26283 2.11503 1.23504C4.57273 -0.609756 7.2896 -0.25454 8.5462 1.41954Z"></path>
  <path d="M15.2449 1.41954C19.6982 2.1339 22.0396 5.42461 22.6536 6.98066C24.7423 4.85086 22.8722 2.26283 21.676 1.23504C19.2183 -0.609755 16.5015 -0.25454 15.2449 1.41954Z"></path>
  <path d="M6.80629 20.2156V18.4231L13.0471 9.58098H7.39136V7.08344H16.9692V8.87603L10.7285 17.7181H17.0343V20.2156H6.80629Z"></path>
  <path d="M19.0546 16.175V15.0718L22.8299 9.63056H19.4085V8.09361H25.2025V9.19674L21.4273 14.638H25.2419V16.175H19.0546Z"></path>
  <path d="M27.2622 15.1648V14.3375L29.7277 10.2565H27.4934V9.10378H31.2772V9.93113L28.8117 14.0121H31.3029V15.1648H27.2622Z"></path>
  <path d="M11.9834 1.90633C5.56753 1.90633 0.366459 7.10741 0.366459 13.5233C0.366459 16.935 1.83714 20.0031 4.17913 22.1284L4.07013 25.4774C4.05548 25.9271 4.59195 26.17 4.9203 25.8623L6.92485 23.984C8.45401 24.7248 10.1702 25.1402 11.9834 25.1402C13.7724 25.1402 15.467 24.7358 16.9807 24.0134L18.9538 25.8623C19.2821 26.17 19.8186 25.9271 19.804 25.4774L19.6976 22.2093C21.0076 21.045 22.0525 19.5888 22.7301 17.9428H20.3614C18.7736 20.9466 15.6176 22.9936 11.9834 22.9936C6.75308 22.9936 2.51307 18.7536 2.51307 13.5233C2.51307 8.29295 6.75308 4.05294 11.9834 4.05294C14.3485 4.05294 16.5111 4.9199 18.1707 6.35336H21.1244C18.9976 3.64564 15.6936 1.90633 11.9834 1.90633Z"></path>
</svg>


</button>


</div>

</div>
</turbo-frame>
</turbo-frame>
</div>
</div>

</div>
<turbo-stream action="append" target="stream-variants-list"><template><turbo-frame loading="lazy" id="variants-page-2" src="/stream/cozytober-style-edit-2026?page=2&amp;filters_form%5Bbestsellers%5D=&amp;filters_form%5Bnew_arrivals%5D=&amp;filters_form%5Bsort_method%5D=for_you&amp;filters_form%5Bstylist_picks%5D=false"><div class="flex flex-row justify-center items-center h-32">
<div class="lds-dual-ring"></div>
</div>
</turbo-frame></template></turbo-stream>

</template></turbo-stream><turbo-stream action="update" target="stream-num-filters-mobile"><template>
</template></turbo-stream><turbo-stream action="update" target="stream-num-filters-desktop"><template>
</template></turbo-stream><turbo-stream action="update" target="stream-filters-button"><template><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
  <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 6h9.75M10.5 6a1.5 1.5 0 1 1-3 0m3 0a1.5 1.5 0 1 0-3 0M3.75 6H7.5m3 12h9.75m-9.75 0a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m-3.75 0H7.5m9-6h3.75m-3.75 0a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m-9.75 0h9.75"></path>
</svg>

Filters
</template></turbo-stream><turbo-stream action="update" target="stream-filter-options-mobile"><template><div class="border-b border-flat px-2 py-3">
<div class="flex flex-col">
<div class="lg:hidden" data-components-persist-key-value="stream-filters-open-sections" data-components-target="removeIfHidden" data-controller="components">
<h3>
<button aria-controls="categories-mobile" aria-expanded="false" class="inline-flex w-full items-center justify-between pl-1 pr-4 py-2" data-action="components#toggleHideShow" type="button">
<span class="text-sm">Category</span>
<span class="flex items-center">
<!-- Expand icon, show/hide based on section open state. -->
<svg class="icon-plus w-4 h-4 " aria-hidden="true" fill="currentColor" viewbox="0 0 20 20" data-components-target="hideshow">
  <path d="M10.75 4.75a.75.75 0 00-1.5 0v4.5h-4.5a.75.75 0 000 1.5h4.5v4.5a.75.75 0 001.5 0v-4.5h4.5a.75.75 0 000-1.5h-4.5v-4.5z"></path>
</svg>

<!-- Collapse icon, show/hide based on section open state. -->
<svg class="icon-minus w-4 h-4 hidden" aria-hidden="true" fill="currentColor" viewbox="0 0 20 20" data-components-target="hideshow">
  <path clip-rule="evenodd" d="M4 10a.75.75 0 01.75-.75h10.5a.75.75 0 010 1.5H4.75A.75.75 0 014 10z" fill-rule="evenodd"></path>
</svg>

</span>
</button>

</h3>
<fieldset class="flex flex-col space-y-4 md:space-y-3 my-2 hidden" data-components-target="hideshow" id="categories-mobile">
<div class="relative flex flex-col" data-section-id="categories-style-mobile">
<input aria-label="Toggle all Style" class="absolute left-2 top-2.5 z-10 h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="click-&gt;components--filters-form#toggleSection" data-components--filters-form-target="sectionCheckbox" data-section-id="categories-style-mobile" type="checkbox">
<details class="group w-full space-y-4" name="filters-categories-style">
<summary class="flex items-center justify-between text-sm font-medium cursor-pointer bg-secondary py-2 pl-8">
<span>Style</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 mr-2 transform transition-transform group-open:rotate-90">
  <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5"></path>
</svg>

</summary>
<div class="flex flex-col space-y-4 md:space-y-3 px-2">
<label class="inline-flex items-center px-2" for="stream-filter-categories-mobile-852">
<input type="checkbox" name="filters_form[product_type_allele_ids][]" id="stream-filter-categories-mobile-852" value="852" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Dresses / Jumpsuits
<span class="text-xs text-flat font-normal">(6)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-categories-mobile-853">
<input type="checkbox" name="filters_form[product_type_allele_ids][]" id="stream-filter-categories-mobile-853" value="853" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Tops
<span class="text-xs text-flat font-normal">(735)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-categories-mobile-854">
<input type="checkbox" name="filters_form[product_type_allele_ids][]" id="stream-filter-categories-mobile-854" value="854" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Bottoms
<span class="text-xs text-flat font-normal">(174)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-categories-mobile-855">
<input type="checkbox" name="filters_form[product_type_allele_ids][]" id="stream-filter-categories-mobile-855" value="855" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Denim
<span class="text-xs text-flat font-normal">(410)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-categories-mobile-856">
<input type="checkbox" name="filters_form[product_type_allele_ids][]" id="stream-filter-categories-mobile-856" value="856" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Sweaters
<span class="text-xs text-flat font-normal">(502)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-categories-mobile-857">
<input type="checkbox" name="filters_form[product_type_allele_ids][]" id="stream-filter-categories-mobile-857" value="857" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Jackets
<span class="text-xs text-flat font-normal">(203)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-categories-mobile-1262">
<input type="checkbox" name="filters_form[product_type_allele_ids][]" id="stream-filter-categories-mobile-1262" value="1262" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Accessories
<span class="text-xs text-flat font-normal">(231)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-categories-mobile-2244">
<input type="checkbox" name="filters_form[product_type_allele_ids][]" id="stream-filter-categories-mobile-2244" value="2244" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Shoes
<span class="text-xs text-flat font-normal">(10)</span>
</div>
</label>
</div>
</details>
</div>
</fieldset>
</div>

</div>
</div>
<div class="border-b border-flat px-2 py-3">
<div class="flex flex-col">
<div class="lg:hidden" data-components-persist-key-value="stream-filters-open-sections" data-components-target="removeIfHidden" data-controller="components">
<h3>
<button aria-controls="sizes-mobile" aria-expanded="false" class="inline-flex w-full items-center justify-between pl-1 pr-4 py-2" data-action="components#toggleHideShow" type="button">
<span class="text-sm">Size</span>
<span class="flex items-center">
<!-- Expand icon, show/hide based on section open state. -->
<svg class="icon-plus w-4 h-4 " aria-hidden="true" fill="currentColor" viewbox="0 0 20 20" data-components-target="hideshow">
  <path d="M10.75 4.75a.75.75 0 00-1.5 0v4.5h-4.5a.75.75 0 000 1.5h4.5v4.5a.75.75 0 001.5 0v-4.5h4.5a.75.75 0 000-1.5h-4.5v-4.5z"></path>
</svg>

<!-- Collapse icon, show/hide based on section open state. -->
<svg class="icon-minus w-4 h-4 hidden" aria-hidden="true" fill="currentColor" viewbox="0 0 20 20" data-components-target="hideshow">
  <path clip-rule="evenodd" d="M4 10a.75.75 0 01.75-.75h10.5a.75.75 0 010 1.5H4.75A.75.75 0 014 10z" fill-rule="evenodd"></path>
</svg>

</span>
</button>

</h3>
<fieldset class="flex flex-col space-y-4 md:space-y-3 my-2 hidden" data-components-target="hideshow" id="sizes-mobile">
<label class="inline-flex items-center px-2" for="stream-filter-sizes-mobile-769-1270-1263-934-783-476-481-491-1710-471-1874-1925-1858-1866-1905-1916">
<input type="checkbox" name="filters_form[size_allele_ids][]" id="stream-filter-sizes-mobile-769-1270-1263-934-783-476-481-491-1710-471-1874-1925-1858-1866-1905-1916" value="769,1270,1263,934,783,476,481,491,1710,471,1874,1925,1858,1866,1905,1916" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
XS (0-2)
<span class="text-xs text-flat font-normal">(542)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-sizes-mobile-770-1271-1264-784-477-482-492-1711-1449-1453-1457-472-1875-1926-1859-1867-1906-1917">
<input type="checkbox" name="filters_form[size_allele_ids][]" id="stream-filter-sizes-mobile-770-1271-1264-784-477-482-492-1711-1449-1453-1457-472-1875-1926-1859-1867-1906-1917" value="770,1271,1264,784,477,482,492,1711,1449,1453,1457,472,1875,1926,1859,1867,1906,1917" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
S (2-4)
<span class="text-xs text-flat font-normal">(659)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-sizes-mobile-771-1272-1265-785-786-478-483-493-1712-1450-1454-1458-473-1876-1927-1860-1868-1907-1918">
<input type="checkbox" name="filters_form[size_allele_ids][]" id="stream-filter-sizes-mobile-771-1272-1265-785-786-478-483-493-1712-1450-1454-1458-473-1876-1927-1860-1868-1907-1918" value="771,1272,1265,785,786,478,483,493,1712,1450,1454,1458,473,1876,1927,1860,1868,1907,1918" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
M (6-8)
<span class="text-xs text-flat font-normal">(873)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-sizes-mobile-772-1273-1266-787-788-479-484-494-1713-1451-1455-1459-474-1877-1929-1861-1869-1908-1919">
<input type="checkbox" name="filters_form[size_allele_ids][]" id="stream-filter-sizes-mobile-772-1273-1266-787-788-479-484-494-1713-1451-1455-1459-474-1877-1929-1861-1869-1908-1919" value="772,1273,1266,787,788,479,484,494,1713,1451,1455,1459,474,1877,1929,1861,1869,1908,1919" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
L (10-12)
<span class="text-xs text-flat font-normal">(748)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-sizes-mobile-1129-1274-1267-1143-936-937-938-1714-1452-1456-1460-939-1900-1933-1862-1870-1909-1920">
<input type="checkbox" name="filters_form[size_allele_ids][]" id="stream-filter-sizes-mobile-1129-1274-1267-1143-936-937-938-1714-1452-1456-1460-939-1900-1933-1862-1870-1909-1920" value="1129,1274,1267,1143,936,937,938,1714,1452,1456,1460,939,1900,1933,1862,1870,1909,1920" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
XL (14)
<span class="text-xs text-flat font-normal">(333)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-sizes-mobile-1130-1375-1376-1553-1144-1513-1516-1510-1901-1934-1863-1871-1910">
<input type="checkbox" name="filters_form[size_allele_ids][]" id="stream-filter-sizes-mobile-1130-1375-1376-1553-1144-1513-1516-1510-1901-1934-1863-1871-1910" value="1130,1375,1376,1553,1144,1513,1516,1510,1901,1934,1863,1871,1910" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
1X (14W-16W)
<span class="text-xs text-flat font-normal">(544)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-sizes-mobile-1131-1275-1268-1146-1145-1514-1517-1511-1903-1935-1872-1911">
<input type="checkbox" name="filters_form[size_allele_ids][]" id="stream-filter-sizes-mobile-1131-1275-1268-1146-1145-1514-1517-1511-1903-1935-1872-1911" value="1131,1275,1268,1146,1145,1514,1517,1511,1903,1935,1872,1911" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
2X (18W-20W)
<span class="text-xs text-flat font-normal">(478)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-sizes-mobile-1132-1276-1269-1147-1148-1515-1518-1512-1537-1904-1936-1873-1912-1923">
<input type="checkbox" name="filters_form[size_allele_ids][]" id="stream-filter-sizes-mobile-1132-1276-1269-1147-1148-1515-1518-1512-1537-1904-1936-1873-1912-1923" value="1132,1276,1269,1147,1148,1515,1518,1512,1537,1904,1936,1873,1912,1923" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
3X (22W-24W)
<span class="text-xs text-flat font-normal">(313)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-sizes-mobile-797-1939-2371-2372-2373">
<input type="checkbox" name="filters_form[size_allele_ids][]" id="stream-filter-sizes-mobile-797-1939-2371-2372-2373" value="797,1939,2371,2372,2373" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
5
<span class="text-xs text-flat font-normal">(9)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-sizes-mobile-798-1941-2377-2378-2379">
<input type="checkbox" name="filters_form[size_allele_ids][]" id="stream-filter-sizes-mobile-798-1941-2377-2378-2379" value="798,1941,2377,2378,2379" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
6
<span class="text-xs text-flat font-normal">(2)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-sizes-mobile-1038-1942-2380-2381-2382">
<input type="checkbox" name="filters_form[size_allele_ids][]" id="stream-filter-sizes-mobile-1038-1942-2380-2381-2382" value="1038,1942,2380,2381,2382" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
6.5
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-sizes-mobile-799-1943-2383-2384-2385">
<input type="checkbox" name="filters_form[size_allele_ids][]" id="stream-filter-sizes-mobile-799-1943-2383-2384-2385" value="799,1943,2383,2384,2385" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
7
<span class="text-xs text-flat font-normal">(10)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-sizes-mobile-1039-1944-2386-2387-2388">
<input type="checkbox" name="filters_form[size_allele_ids][]" id="stream-filter-sizes-mobile-1039-1944-2386-2387-2388" value="1039,1944,2386,2387,2388" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
7.5
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-sizes-mobile-801-1947-2395-2396-2397">
<input type="checkbox" name="filters_form[size_allele_ids][]" id="stream-filter-sizes-mobile-801-1947-2395-2396-2397" value="801,1947,2395,2396,2397" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
9
<span class="text-xs text-flat font-normal">(9)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-sizes-mobile-802-1949-2401-2402-2403">
<input type="checkbox" name="filters_form[size_allele_ids][]" id="stream-filter-sizes-mobile-802-1949-2401-2402-2403" value="802,1949,2401,2402,2403" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
10
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-sizes-mobile-803-1951-2407-2408-2409">
<input type="checkbox" name="filters_form[size_allele_ids][]" id="stream-filter-sizes-mobile-803-1951-2407-2408-2409" value="803,1951,2407,2408,2409" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
11
<span class="text-xs text-flat font-normal">(9)</span>
</div>
</label>
</fieldset>
</div>

</div>
</div>
<div class="border-b border-flat px-2 py-3">
<div class="flex flex-col">
<div class="lg:hidden" data-components-persist-key-value="stream-filters-open-sections" data-components-target="removeIfHidden" data-controller="components">
<h3>
<button aria-controls="brands-mobile" aria-expanded="false" class="inline-flex w-full items-center justify-between pl-1 pr-4 py-2" data-action="components#toggleHideShow" type="button">
<span class="text-sm">Brand</span>
<span class="flex items-center">
<!-- Expand icon, show/hide based on section open state. -->
<svg class="icon-plus w-4 h-4 " aria-hidden="true" fill="currentColor" viewbox="0 0 20 20" data-components-target="hideshow">
  <path d="M10.75 4.75a.75.75 0 00-1.5 0v4.5h-4.5a.75.75 0 000 1.5h4.5v4.5a.75.75 0 001.5 0v-4.5h4.5a.75.75 0 000-1.5h-4.5v-4.5z"></path>
</svg>

<!-- Collapse icon, show/hide based on section open state. -->
<svg class="icon-minus w-4 h-4 hidden" aria-hidden="true" fill="currentColor" viewbox="0 0 20 20" data-components-target="hideshow">
  <path clip-rule="evenodd" d="M4 10a.75.75 0 01.75-.75h10.5a.75.75 0 010 1.5H4.75A.75.75 0 014 10z" fill-rule="evenodd"></path>
</svg>

</span>
</button>

</h3>
<fieldset class="flex flex-col space-y-4 md:space-y-3 my-2 hidden" data-components-target="hideshow" id="brands-mobile">
<div class="px-2">
<input class="w-full border-off_black/35 text-sm p-3 mb-1 focus:ring-1 focus:ring-off_black" data-action="input-&gt;components--filters-form#filterFacets" placeholder="Search brands..." type="text">
</div>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2377">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2377" value="2377" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
1822 Denim
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2156">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2156" value="2156" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
525 Adyson Parker
<span class="text-xs text-flat font-normal">(5)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-513">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-513" value="513" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
525 America
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2531">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2531" value="2531" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
A.U.W.
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2324">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2324" value="2324" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
ABLE
<span class="text-xs text-flat font-normal">(11)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1335">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1335" value="1335" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
ACOA
<span class="text-xs text-flat font-normal">(3)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1338">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1338" value="1338" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Another Love
<span class="text-xs text-flat font-normal">(4)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-911">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-911" value="911" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Apricot
<span class="text-xs text-flat font-normal">(11)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2538">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2538" value="2538" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Ariella
<span class="text-xs text-flat font-normal">(2)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2375">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2375" value="2375" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Artemis Vintage
<span class="text-xs text-flat font-normal">(7)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1007">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1007" value="1007" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
B Collection by Bobeau
<span class="text-xs text-flat font-normal">(2)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1277">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1277" value="1277" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
b.young
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1386">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1386" value="1386" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Baevely
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2319">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2319" value="2319" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Bayeas
<span class="text-xs text-flat font-normal">(30)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2490">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2490" value="2490" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Beacon &amp; Haven
<span class="text-xs text-flat font-normal">(8)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2170">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2170" value="2170" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Bed Stu
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-804">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-804" value="804" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Black Tape
<span class="text-xs text-flat font-normal">(2)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1462">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1462" value="1462" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Bobeau
<span class="text-xs text-flat font-normal">(75)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2329">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2329" value="2329" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Brooklyn Isles
<span class="text-xs text-flat font-normal">(2)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1734">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1734" value="1734" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
by together
<span class="text-xs text-flat font-normal">(15)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1762">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1762" value="1762" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Ceros Jeans
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1962">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1962" value="1962" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Chris &amp; Carol
<span class="text-xs text-flat font-normal">(11)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1276">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1276" value="1276" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Cloud Ten
<span class="text-xs text-flat font-normal">(17)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-850">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-850" value="850" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Coalition
<span class="text-xs text-flat font-normal">(4)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1564">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1564" value="1564" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Cozy CO
<span class="text-xs text-flat font-normal">(7)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2108">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2108" value="2108" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Crislu
<span class="text-xs text-flat font-normal">(2)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-751">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-751" value="751" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Current Air
<span class="text-xs text-flat font-normal">(11)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2478">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2478" value="2478" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Curve Market
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2281">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2281" value="2281" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Day &amp; Mood
<span class="text-xs text-flat font-normal">(11)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2120">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2120" value="2120" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Daze Denim
<span class="text-xs text-flat font-normal">(9)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-721">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-721" value="721" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Dear John
<span class="text-xs text-flat font-normal">(36)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1063">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1063" value="1063" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Democracy
<span class="text-xs text-flat font-normal">(8)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-157">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-157" value="157" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
DEX
<span class="text-xs text-flat font-normal">(15)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2578">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2578" value="2578" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
DNA Couture
<span class="text-xs text-flat font-normal">(4)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2487">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2487" value="2487" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Dolce Vita
<span class="text-xs text-flat font-normal">(2)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-745">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-745" value="745" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Dreamers
<span class="text-xs text-flat font-normal">(18)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-973">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-973" value="973" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Driftwood
<span class="text-xs text-flat font-normal">(5)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1411">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1411" value="1411" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Echo
<span class="text-xs text-flat font-normal">(8)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-792">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-792" value="792" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Elan
<span class="text-xs text-flat font-normal">(4)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1724">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1724" value="1724" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Fame Accessories
<span class="text-xs text-flat font-normal">(27)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1279">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1279" value="1279" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Flying Monkey Jeans
<span class="text-xs text-flat font-normal">(13)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2109">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2109" value="2109" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
fyb jewelry
<span class="text-xs text-flat font-normal">(4)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-573">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-573" value="573" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Gentle Fawn
<span class="text-xs text-flat font-normal">(6)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-607">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-607" value="607" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Gilli
<span class="text-xs text-flat font-normal">(6)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2007">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2007" value="2007" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Habitual
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1565">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1565" value="1565" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Heimious
<span class="text-xs text-flat font-normal">(18)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-510">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-510" value="510" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Hem &amp; Thread
<span class="text-xs text-flat font-normal">(3)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1504">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1504" value="1504" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Herizon
<span class="text-xs text-flat font-normal">(119)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2342">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2342" value="2342" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Hint of Blu
<span class="text-xs text-flat font-normal">(6)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-991">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-991" value="991" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Interval
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1705">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1705" value="1705" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Jen &amp; Co.
<span class="text-xs text-flat font-normal">(29)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-972">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-972" value="972" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Joy Susan
<span class="text-xs text-flat font-normal">(8)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-704">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-704" value="704" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Just Black
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2418">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2418" value="2418" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Katydid
<span class="text-xs text-flat font-normal">(2)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-910">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-910" value="910" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Kenneth Cole
<span class="text-xs text-flat font-normal">(4)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-186">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-186" value="186" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Kensie
<span class="text-xs text-flat font-normal">(4)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1647">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1647" value="1647" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
La Meno
<span class="text-xs text-flat font-normal">(4)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2340">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2340" value="2340" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Latico Leathers
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-783">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-783" value="783" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Les Amis
<span class="text-xs text-flat font-normal">(7)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1018">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1018" value="1018" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Liv Los Angeles
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-954">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-954" value="954" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Liverpool
<span class="text-xs text-flat font-normal">(202)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2376">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2376" value="2376" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Lost Horizons Knitwear
<span class="text-xs text-flat font-normal">(3)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-922">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-922" value="922" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Loveappella
<span class="text-xs text-flat font-normal">(18)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2111">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2111" value="2111" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Lovervet
<span class="text-xs text-flat font-normal">(60)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2056">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2056" value="2056" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Lulusimon
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-677">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-677" value="677" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Lush
<span class="text-xs text-flat font-normal">(2)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1834">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1834" value="1834" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Luv AJ
<span class="text-xs text-flat font-normal">(10)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2333">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2333" value="2333" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Macrae &amp; Co
<span class="text-xs text-flat font-normal">(6)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2380">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2380" value="2380" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Mali + Lili
<span class="text-xs text-flat font-normal">(3)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1119">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1119" value="1119" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Max Studio
<span class="text-xs text-flat font-normal">(9)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-982">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-982" value="982" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Metric
<span class="text-xs text-flat font-normal">(2)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2488">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2488" value="2488" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
MIA
<span class="text-xs text-flat font-normal">(5)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2573">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2573" value="2573" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
MIA Limited Edition
<span class="text-xs text-flat font-normal">(2)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1948">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1948" value="1948" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Mica Denim
<span class="text-xs text-flat font-normal">(102)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2385">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2385" value="2385" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Moda Luxe
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-932">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-932" value="932" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Molly Bracken
<span class="text-xs text-flat font-normal">(2)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-69">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-69" value="69" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
MUK LUKS
<span class="text-xs text-flat font-normal">(39)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2535">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2535" value="2535" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
N2C Not Too Casual
<span class="text-xs text-flat font-normal">(12)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-682">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-682" value="682" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Nakamol
<span class="text-xs text-flat font-normal">(6)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2063">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2063" value="2063" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Native Gem
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-791">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-791" value="791" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Natural Life
<span class="text-xs text-flat font-normal">(3)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1970">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1970" value="1970" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Oliver Logan
<span class="text-xs text-flat font-normal">(3)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1521">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1521" value="1521" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
OneWorld
<span class="text-xs text-flat font-normal">(13)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2381">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2381" value="2381" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Panache Apparel
<span class="text-xs text-flat font-normal">(10)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1264">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1264" value="1264" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Polagram
<span class="text-xs text-flat font-normal">(7)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2214">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2214" value="2214" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Pretty Simple
<span class="text-xs text-flat font-normal">(15)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-423">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-423" value="423" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Project Social T
<span class="text-xs text-flat font-normal">(5)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-459">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-459" value="459" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
RD Style
<span class="text-xs text-flat font-normal">(2)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1610">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1610" value="1610" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Recycled Karma
<span class="text-xs text-flat font-normal">(15)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2122">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2122" value="2122" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Room 34
<span class="text-xs text-flat font-normal">(5)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2379">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2379" value="2379" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Roxy
<span class="text-xs text-flat font-normal">(2)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1156">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1156" value="1156" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Sadie &amp; Sage
<span class="text-xs text-flat font-normal">(10)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1281">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1281" value="1281" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Sage The Label
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2483">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2483" value="2483" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Salty Weekend
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2574">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2574" value="2574" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Sami Jewels
<span class="text-xs text-flat font-normal">(20)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2530">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2530" value="2530" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
SARA MICHELLE
<span class="text-xs text-flat font-normal">(2)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1272">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1272" value="1272" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Search For Sanity
<span class="text-xs text-flat font-normal">(7)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1471">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1471" value="1471" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
SEAS
<span class="text-xs text-flat font-normal">(507)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2572">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2572" value="2572" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
SHU by SHUSHOP
<span class="text-xs text-flat font-normal">(3)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2486">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2486" value="2486" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
SHUSHOP
<span class="text-xs text-flat font-normal">(7)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-967">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-967" value="967" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Skies Are Blue
<span class="text-xs text-flat font-normal">(58)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-750">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-750" value="750" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Staccato
<span class="text-xs text-flat font-normal">(40)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-966">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-966" value="966" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Sterling Forever
<span class="text-xs text-flat font-normal">(5)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-759">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-759" value="759" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Tea N Rose
<span class="text-xs text-flat font-normal">(7)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1802">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1802" value="1802" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
The Korner
<span class="text-xs text-flat font-normal">(4)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1115">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1115" value="1115" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Theo &amp; Spence
<span class="text-xs text-flat font-normal">(4)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2073">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2073" value="2073" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Think Royln
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-746">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-746" value="746" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Thread &amp; Supply
<span class="text-xs text-flat font-normal">(195)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2479">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2479" value="2479" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
TOMS
<span class="text-xs text-flat font-normal">(4)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1418">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1418" value="1418" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
TUA by West Kei
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1833">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1833" value="1833" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Vanilla Bay
<span class="text-xs text-flat font-normal">(6)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2341">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2341" value="2341" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Vero Moda
<span class="text-xs text-flat font-normal">(9)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1391">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1391" value="1391" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Vervet
<span class="text-xs text-flat font-normal">(21)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-676">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-676" value="676" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Vigoss
<span class="text-xs text-flat font-normal">(11)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1725">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1725" value="1725" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
VOY Los Angeles
<span class="text-xs text-flat font-normal">(4)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-466">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-466" value="466" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
W. by Wantable
<span class="text-xs text-flat font-normal">(26)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-952">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-952" value="952" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Warp+Weft
<span class="text-xs text-flat font-normal">(4)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1990">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1990" value="1990" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Weekend LA
<span class="text-xs text-flat font-normal">(3)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-964">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-964" value="964" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
West Kei
<span class="text-xs text-flat font-normal">(48)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2581">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2581" value="2581" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
White Rhino
<span class="text-xs text-flat font-normal">(2)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-976">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-976" value="976" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Woven Heart
<span class="text-xs text-flat font-normal">(6)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-657">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-657" value="657" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Z Supply
<span class="text-xs text-flat font-normal">(61)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2484">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2484" value="2484" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Zenobia
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
</fieldset>
</div>

</div>
</div>
<div class="border-b border-flat px-2 py-3">
<div class="lg:hidden" data-components-persist-key-value="stream-filters-open-sections" data-components-target="removeIfHidden" data-controller="components">
<h3>
<!-- Expand/collapse section button -->
<button aria-controls="price-mobile" aria-expanded="false" class="inline-flex w-full items-center justify-between pl-1 pr-4 py-2" data-action="components#toggleHideShow" type="button">
<span class="text-sm">Price</span>
<span class="flex items-center">
<!-- Expand icon, show/hide based on section open state. -->
<svg class="icon-plus w-4 h-4 " aria-hidden="true" fill="currentColor" viewbox="0 0 20 20" data-components-target="hideshow">
  <path d="M10.75 4.75a.75.75 0 00-1.5 0v4.5h-4.5a.75.75 0 000 1.5h4.5v4.5a.75.75 0 001.5 0v-4.5h4.5a.75.75 0 000-1.5h-4.5v-4.5z"></path>
</svg>

<!-- Collapse icon, show/hide based on section open state. -->
<svg class="icon-minus w-4 h-4 hidden" aria-hidden="true" fill="currentColor" viewbox="0 0 20 20" data-components-target="hideshow">
  <path clip-rule="evenodd" d="M4 10a.75.75 0 01.75-.75h10.5a.75.75 0 010 1.5H4.75A.75.75 0 014 10z" fill-rule="evenodd"></path>
</svg>

</span>
</button>

</h3>
<fieldset class="flex flex-col my-4 hidden" data-components-target="hideshow" id="price-mobile">
<div class="range-slider w-full pt-8 pb-4" data-components--range-slider-field-name-value="price" data-components--range-slider-max-value="500" data-components--range-slider-min-value="50" data-components--range-slider-step-value="5" data-controller="components--range-slider">
<div class="relative">
<!-- Track -->
<div class="relative w-full rounded-full h-[3px] bg-[#B8B8B8]" data-components--range-slider-target="track">
<!-- Filled range between handles -->
<div class="absolute inset-y-0 rounded-full bg-[#1E1E1E]" data-components--range-slider-target="filled"></div>
<!-- From handle -->
<div class="absolute rounded-full cursor-grab w-4 h-4 bg-[#1E1E1E] top-1/2 -translate-x-1/2 -translate-y-1/2" data-action="pointerdown-&gt;components--range-slider#startDragFrom" data-components--range-slider-target="fromHandle"></div>
<!-- To handle -->
<div class="absolute rounded-full cursor-grab w-4 h-4 bg-[#1E1E1E] top-1/2 -translate-x-1/2 -translate-y-1/2" data-action="pointerdown-&gt;components--range-slider#startDragTo" data-components--range-slider-target="toHandle"></div>
<!-- From tooltip -->
<div class="absolute text-xs font-semibold bg-secondary text-midgray px-2 py-1 pointer-events-none w-max -top-[2.5rem]" data-components--range-slider-target="fromTooltip"></div>
<!-- To tooltip -->
<div class="absolute text-xs font-semibold bg-secondary text-midgray px-2 py-1 pointer-events-none w-max -top-[2.5rem]" data-components--range-slider-target="toTooltip"></div>
</div>
<!-- Hidden inputs for form submission -->
<input type="hidden" name="filters_form[price][from]" id="filters_form_price_from" value="50" min="50" max="500" data-components--range-slider-target="fromInput" data-action="change-&gt;components--filters-form#search" autocomplete="off" />
<input type="hidden" name="filters_form[price][to]" id="filters_form_price_to" value="500" min="50" max="500" data-components--range-slider-target="toInput" autocomplete="off" />
</div>
<!-- Scale - under the slider, evenly spaced based on step -->
<div class="flex relative text-xs text-flat mt-6 mx-auto w-[calc(100%_-_15px)]" data-components--range-slider-target="scale" data-step="5"></div>
</div>

</fieldset>
</div>

</div>

</template></turbo-stream><turbo-stream action="update" target="stream-filter-options-desktop"><template><div class="border-b border-flat py-2 hidden lg:block" data-components-persist-key-value="stream-filters-open-sections" data-components-target="removeIfHidden" data-controller="components">
<h3>
<button aria-controls="categories-desktop" aria-expanded="false" class="inline-flex w-full items-center justify-between pl-1 pr-4 py-2" data-action="components#toggleHideShow" type="button">
<span class="text-sm">Category</span>
<span class="flex items-center">
<!-- Expand icon, show/hide based on section open state. -->
<svg class="icon-plus w-4 h-4 " aria-hidden="true" fill="currentColor" viewbox="0 0 20 20" data-components-target="hideshow">
  <path d="M10.75 4.75a.75.75 0 00-1.5 0v4.5h-4.5a.75.75 0 000 1.5h4.5v4.5a.75.75 0 001.5 0v-4.5h4.5a.75.75 0 000-1.5h-4.5v-4.5z"></path>
</svg>

<!-- Collapse icon, show/hide based on section open state. -->
<svg class="icon-minus w-4 h-4 hidden" aria-hidden="true" fill="currentColor" viewbox="0 0 20 20" data-components-target="hideshow">
  <path clip-rule="evenodd" d="M4 10a.75.75 0 01.75-.75h10.5a.75.75 0 010 1.5H4.75A.75.75 0 014 10z" fill-rule="evenodd"></path>
</svg>

</span>
</button>

</h3>
<fieldset class="flex flex-col space-y-4 md:space-y-3 my-2 hidden" data-components-target="hideshow" id="categories-desktop">
<div class="relative flex flex-col" data-section-id="categories-style-desktop">
<input aria-label="Toggle all Style" class="absolute left-2 top-2.5 z-10 h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="click-&gt;components--filters-form#toggleSection" data-components--filters-form-target="sectionCheckbox" data-section-id="categories-style-desktop" type="checkbox">
<details class="group w-full space-y-4" name="filters-categories-style">
<summary class="flex items-center justify-between text-sm font-medium cursor-pointer bg-secondary py-2 pl-8">
<span>Style</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 mr-2 transform transition-transform group-open:rotate-90">
  <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5"></path>
</svg>

</summary>
<div class="flex flex-col space-y-4 md:space-y-3 px-2">
<label class="inline-flex items-center px-2" for="stream-filter-categories-desktop-852">
<input type="checkbox" name="filters_form[product_type_allele_ids][]" id="stream-filter-categories-desktop-852" value="852" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Dresses / Jumpsuits
<span class="text-xs text-flat font-normal">(6)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-categories-desktop-853">
<input type="checkbox" name="filters_form[product_type_allele_ids][]" id="stream-filter-categories-desktop-853" value="853" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Tops
<span class="text-xs text-flat font-normal">(735)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-categories-desktop-854">
<input type="checkbox" name="filters_form[product_type_allele_ids][]" id="stream-filter-categories-desktop-854" value="854" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Bottoms
<span class="text-xs text-flat font-normal">(174)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-categories-desktop-855">
<input type="checkbox" name="filters_form[product_type_allele_ids][]" id="stream-filter-categories-desktop-855" value="855" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Denim
<span class="text-xs text-flat font-normal">(410)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-categories-desktop-856">
<input type="checkbox" name="filters_form[product_type_allele_ids][]" id="stream-filter-categories-desktop-856" value="856" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Sweaters
<span class="text-xs text-flat font-normal">(502)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-categories-desktop-857">
<input type="checkbox" name="filters_form[product_type_allele_ids][]" id="stream-filter-categories-desktop-857" value="857" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Jackets
<span class="text-xs text-flat font-normal">(203)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-categories-desktop-1262">
<input type="checkbox" name="filters_form[product_type_allele_ids][]" id="stream-filter-categories-desktop-1262" value="1262" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Accessories
<span class="text-xs text-flat font-normal">(231)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-categories-desktop-2244">
<input type="checkbox" name="filters_form[product_type_allele_ids][]" id="stream-filter-categories-desktop-2244" value="2244" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Shoes
<span class="text-xs text-flat font-normal">(10)</span>
</div>
</label>
</div>
</details>
</div>
</fieldset>
</div>

<div class="border-b border-flat py-2 hidden lg:block" data-components-persist-key-value="stream-filters-open-sections" data-components-target="removeIfHidden" data-controller="components">
<h3>
<button aria-controls="sizes-desktop" aria-expanded="false" class="inline-flex w-full items-center justify-between pl-1 pr-4 py-2" data-action="components#toggleHideShow" type="button">
<span class="text-sm">Size</span>
<span class="flex items-center">
<!-- Expand icon, show/hide based on section open state. -->
<svg class="icon-plus w-4 h-4 " aria-hidden="true" fill="currentColor" viewbox="0 0 20 20" data-components-target="hideshow">
  <path d="M10.75 4.75a.75.75 0 00-1.5 0v4.5h-4.5a.75.75 0 000 1.5h4.5v4.5a.75.75 0 001.5 0v-4.5h4.5a.75.75 0 000-1.5h-4.5v-4.5z"></path>
</svg>

<!-- Collapse icon, show/hide based on section open state. -->
<svg class="icon-minus w-4 h-4 hidden" aria-hidden="true" fill="currentColor" viewbox="0 0 20 20" data-components-target="hideshow">
  <path clip-rule="evenodd" d="M4 10a.75.75 0 01.75-.75h10.5a.75.75 0 010 1.5H4.75A.75.75 0 014 10z" fill-rule="evenodd"></path>
</svg>

</span>
</button>

</h3>
<fieldset class="flex flex-col space-y-4 md:space-y-3 my-2 hidden" data-components-target="hideshow" id="sizes-desktop">
<label class="inline-flex items-center px-2" for="stream-filter-sizes-desktop-769-1270-1263-934-783-476-481-491-1710-471-1874-1925-1858-1866-1905-1916">
<input type="checkbox" name="filters_form[size_allele_ids][]" id="stream-filter-sizes-desktop-769-1270-1263-934-783-476-481-491-1710-471-1874-1925-1858-1866-1905-1916" value="769,1270,1263,934,783,476,481,491,1710,471,1874,1925,1858,1866,1905,1916" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
XS (0-2)
<span class="text-xs text-flat font-normal">(542)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-sizes-desktop-770-1271-1264-784-477-482-492-1711-1449-1453-1457-472-1875-1926-1859-1867-1906-1917">
<input type="checkbox" name="filters_form[size_allele_ids][]" id="stream-filter-sizes-desktop-770-1271-1264-784-477-482-492-1711-1449-1453-1457-472-1875-1926-1859-1867-1906-1917" value="770,1271,1264,784,477,482,492,1711,1449,1453,1457,472,1875,1926,1859,1867,1906,1917" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
S (2-4)
<span class="text-xs text-flat font-normal">(659)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-sizes-desktop-771-1272-1265-785-786-478-483-493-1712-1450-1454-1458-473-1876-1927-1860-1868-1907-1918">
<input type="checkbox" name="filters_form[size_allele_ids][]" id="stream-filter-sizes-desktop-771-1272-1265-785-786-478-483-493-1712-1450-1454-1458-473-1876-1927-1860-1868-1907-1918" value="771,1272,1265,785,786,478,483,493,1712,1450,1454,1458,473,1876,1927,1860,1868,1907,1918" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
M (6-8)
<span class="text-xs text-flat font-normal">(873)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-sizes-desktop-772-1273-1266-787-788-479-484-494-1713-1451-1455-1459-474-1877-1929-1861-1869-1908-1919">
<input type="checkbox" name="filters_form[size_allele_ids][]" id="stream-filter-sizes-desktop-772-1273-1266-787-788-479-484-494-1713-1451-1455-1459-474-1877-1929-1861-1869-1908-1919" value="772,1273,1266,787,788,479,484,494,1713,1451,1455,1459,474,1877,1929,1861,1869,1908,1919" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
L (10-12)
<span class="text-xs text-flat font-normal">(748)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-sizes-desktop-1129-1274-1267-1143-936-937-938-1714-1452-1456-1460-939-1900-1933-1862-1870-1909-1920">
<input type="checkbox" name="filters_form[size_allele_ids][]" id="stream-filter-sizes-desktop-1129-1274-1267-1143-936-937-938-1714-1452-1456-1460-939-1900-1933-1862-1870-1909-1920" value="1129,1274,1267,1143,936,937,938,1714,1452,1456,1460,939,1900,1933,1862,1870,1909,1920" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
XL (14)
<span class="text-xs text-flat font-normal">(333)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-sizes-desktop-1130-1375-1376-1553-1144-1513-1516-1510-1901-1934-1863-1871-1910">
<input type="checkbox" name="filters_form[size_allele_ids][]" id="stream-filter-sizes-desktop-1130-1375-1376-1553-1144-1513-1516-1510-1901-1934-1863-1871-1910" value="1130,1375,1376,1553,1144,1513,1516,1510,1901,1934,1863,1871,1910" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
1X (14W-16W)
<span class="text-xs text-flat font-normal">(544)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-sizes-desktop-1131-1275-1268-1146-1145-1514-1517-1511-1903-1935-1872-1911">
<input type="checkbox" name="filters_form[size_allele_ids][]" id="stream-filter-sizes-desktop-1131-1275-1268-1146-1145-1514-1517-1511-1903-1935-1872-1911" value="1131,1275,1268,1146,1145,1514,1517,1511,1903,1935,1872,1911" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
2X (18W-20W)
<span class="text-xs text-flat font-normal">(478)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-sizes-desktop-1132-1276-1269-1147-1148-1515-1518-1512-1537-1904-1936-1873-1912-1923">
<input type="checkbox" name="filters_form[size_allele_ids][]" id="stream-filter-sizes-desktop-1132-1276-1269-1147-1148-1515-1518-1512-1537-1904-1936-1873-1912-1923" value="1132,1276,1269,1147,1148,1515,1518,1512,1537,1904,1936,1873,1912,1923" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
3X (22W-24W)
<span class="text-xs text-flat font-normal">(313)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-sizes-desktop-797-1939-2371-2372-2373">
<input type="checkbox" name="filters_form[size_allele_ids][]" id="stream-filter-sizes-desktop-797-1939-2371-2372-2373" value="797,1939,2371,2372,2373" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
5
<span class="text-xs text-flat font-normal">(9)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-sizes-desktop-798-1941-2377-2378-2379">
<input type="checkbox" name="filters_form[size_allele_ids][]" id="stream-filter-sizes-desktop-798-1941-2377-2378-2379" value="798,1941,2377,2378,2379" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
6
<span class="text-xs text-flat font-normal">(2)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-sizes-desktop-1038-1942-2380-2381-2382">
<input type="checkbox" name="filters_form[size_allele_ids][]" id="stream-filter-sizes-desktop-1038-1942-2380-2381-2382" value="1038,1942,2380,2381,2382" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
6.5
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-sizes-desktop-799-1943-2383-2384-2385">
<input type="checkbox" name="filters_form[size_allele_ids][]" id="stream-filter-sizes-desktop-799-1943-2383-2384-2385" value="799,1943,2383,2384,2385" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
7
<span class="text-xs text-flat font-normal">(10)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-sizes-desktop-1039-1944-2386-2387-2388">
<input type="checkbox" name="filters_form[size_allele_ids][]" id="stream-filter-sizes-desktop-1039-1944-2386-2387-2388" value="1039,1944,2386,2387,2388" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
7.5
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-sizes-desktop-801-1947-2395-2396-2397">
<input type="checkbox" name="filters_form[size_allele_ids][]" id="stream-filter-sizes-desktop-801-1947-2395-2396-2397" value="801,1947,2395,2396,2397" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
9
<span class="text-xs text-flat font-normal">(9)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-sizes-desktop-802-1949-2401-2402-2403">
<input type="checkbox" name="filters_form[size_allele_ids][]" id="stream-filter-sizes-desktop-802-1949-2401-2402-2403" value="802,1949,2401,2402,2403" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
10
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-sizes-desktop-803-1951-2407-2408-2409">
<input type="checkbox" name="filters_form[size_allele_ids][]" id="stream-filter-sizes-desktop-803-1951-2407-2408-2409" value="803,1951,2407,2408,2409" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
11
<span class="text-xs text-flat font-normal">(9)</span>
</div>
</label>
</fieldset>
</div>

<div class="border-b border-flat py-2 hidden lg:block" data-components-persist-key-value="stream-filters-open-sections" data-components-target="removeIfHidden" data-controller="components">
<h3>
<button aria-controls="brands-desktop" aria-expanded="false" class="inline-flex w-full items-center justify-between pl-1 pr-4 py-2" data-action="components#toggleHideShow" type="button">
<span class="text-sm">Brand</span>
<span class="flex items-center">
<!-- Expand icon, show/hide based on section open state. -->
<svg class="icon-plus w-4 h-4 " aria-hidden="true" fill="currentColor" viewbox="0 0 20 20" data-components-target="hideshow">
  <path d="M10.75 4.75a.75.75 0 00-1.5 0v4.5h-4.5a.75.75 0 000 1.5h4.5v4.5a.75.75 0 001.5 0v-4.5h4.5a.75.75 0 000-1.5h-4.5v-4.5z"></path>
</svg>

<!-- Collapse icon, show/hide based on section open state. -->
<svg class="icon-minus w-4 h-4 hidden" aria-hidden="true" fill="currentColor" viewbox="0 0 20 20" data-components-target="hideshow">
  <path clip-rule="evenodd" d="M4 10a.75.75 0 01.75-.75h10.5a.75.75 0 010 1.5H4.75A.75.75 0 014 10z" fill-rule="evenodd"></path>
</svg>

</span>
</button>

</h3>
<fieldset class="flex flex-col space-y-4 md:space-y-3 my-2 hidden" data-components-target="hideshow" id="brands-desktop">
<div class="px-2">
<input class="w-full border-off_black/35 text-sm p-3 mb-1 focus:ring-1 focus:ring-off_black" data-action="input-&gt;components--filters-form#filterFacets" placeholder="Search brands..." type="text">
</div>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2377">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2377" value="2377" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
1822 Denim
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2156">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2156" value="2156" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
525 Adyson Parker
<span class="text-xs text-flat font-normal">(5)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-513">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-513" value="513" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
525 America
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2531">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2531" value="2531" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
A.U.W.
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2324">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2324" value="2324" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
ABLE
<span class="text-xs text-flat font-normal">(11)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1335">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1335" value="1335" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
ACOA
<span class="text-xs text-flat font-normal">(3)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1338">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1338" value="1338" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Another Love
<span class="text-xs text-flat font-normal">(4)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-911">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-911" value="911" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Apricot
<span class="text-xs text-flat font-normal">(11)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2538">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2538" value="2538" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Ariella
<span class="text-xs text-flat font-normal">(2)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2375">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2375" value="2375" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Artemis Vintage
<span class="text-xs text-flat font-normal">(7)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1007">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1007" value="1007" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
B Collection by Bobeau
<span class="text-xs text-flat font-normal">(2)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1277">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1277" value="1277" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
b.young
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1386">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1386" value="1386" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Baevely
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2319">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2319" value="2319" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Bayeas
<span class="text-xs text-flat font-normal">(30)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2490">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2490" value="2490" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Beacon &amp; Haven
<span class="text-xs text-flat font-normal">(8)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2170">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2170" value="2170" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Bed Stu
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-804">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-804" value="804" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Black Tape
<span class="text-xs text-flat font-normal">(2)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1462">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1462" value="1462" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Bobeau
<span class="text-xs text-flat font-normal">(75)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2329">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2329" value="2329" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Brooklyn Isles
<span class="text-xs text-flat font-normal">(2)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1734">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1734" value="1734" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
by together
<span class="text-xs text-flat font-normal">(15)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1762">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1762" value="1762" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Ceros Jeans
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1962">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1962" value="1962" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Chris &amp; Carol
<span class="text-xs text-flat font-normal">(11)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1276">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1276" value="1276" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Cloud Ten
<span class="text-xs text-flat font-normal">(17)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-850">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-850" value="850" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Coalition
<span class="text-xs text-flat font-normal">(4)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1564">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1564" value="1564" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Cozy CO
<span class="text-xs text-flat font-normal">(7)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2108">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2108" value="2108" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Crislu
<span class="text-xs text-flat font-normal">(2)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-751">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-751" value="751" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Current Air
<span class="text-xs text-flat font-normal">(11)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2478">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2478" value="2478" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Curve Market
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2281">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2281" value="2281" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Day &amp; Mood
<span class="text-xs text-flat font-normal">(11)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2120">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2120" value="2120" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Daze Denim
<span class="text-xs text-flat font-normal">(9)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-721">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-721" value="721" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Dear John
<span class="text-xs text-flat font-normal">(36)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1063">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1063" value="1063" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Democracy
<span class="text-xs text-flat font-normal">(8)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-157">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-157" value="157" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
DEX
<span class="text-xs text-flat font-normal">(15)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2578">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2578" value="2578" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
DNA Couture
<span class="text-xs text-flat font-normal">(4)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2487">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2487" value="2487" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Dolce Vita
<span class="text-xs text-flat font-normal">(2)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-745">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-745" value="745" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Dreamers
<span class="text-xs text-flat font-normal">(18)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-973">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-973" value="973" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Driftwood
<span class="text-xs text-flat font-normal">(5)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1411">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1411" value="1411" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Echo
<span class="text-xs text-flat font-normal">(8)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-792">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-792" value="792" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Elan
<span class="text-xs text-flat font-normal">(4)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1724">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1724" value="1724" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Fame Accessories
<span class="text-xs text-flat font-normal">(27)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1279">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1279" value="1279" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Flying Monkey Jeans
<span class="text-xs text-flat font-normal">(13)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2109">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2109" value="2109" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
fyb jewelry
<span class="text-xs text-flat font-normal">(4)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-573">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-573" value="573" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Gentle Fawn
<span class="text-xs text-flat font-normal">(6)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-607">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-607" value="607" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Gilli
<span class="text-xs text-flat font-normal">(6)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2007">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2007" value="2007" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Habitual
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1565">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1565" value="1565" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Heimious
<span class="text-xs text-flat font-normal">(18)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-510">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-510" value="510" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Hem &amp; Thread
<span class="text-xs text-flat font-normal">(3)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1504">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1504" value="1504" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Herizon
<span class="text-xs text-flat font-normal">(119)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2342">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2342" value="2342" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Hint of Blu
<span class="text-xs text-flat font-normal">(6)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-991">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-991" value="991" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Interval
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1705">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1705" value="1705" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Jen &amp; Co.
<span class="text-xs text-flat font-normal">(29)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-972">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-972" value="972" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Joy Susan
<span class="text-xs text-flat font-normal">(8)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-704">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-704" value="704" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Just Black
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2418">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2418" value="2418" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Katydid
<span class="text-xs text-flat font-normal">(2)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-910">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-910" value="910" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Kenneth Cole
<span class="text-xs text-flat font-normal">(4)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-186">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-186" value="186" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Kensie
<span class="text-xs text-flat font-normal">(4)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1647">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1647" value="1647" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
La Meno
<span class="text-xs text-flat font-normal">(4)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2340">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2340" value="2340" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Latico Leathers
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-783">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-783" value="783" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Les Amis
<span class="text-xs text-flat font-normal">(7)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1018">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1018" value="1018" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Liv Los Angeles
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-954">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-954" value="954" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Liverpool
<span class="text-xs text-flat font-normal">(202)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2376">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2376" value="2376" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Lost Horizons Knitwear
<span class="text-xs text-flat font-normal">(3)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-922">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-922" value="922" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Loveappella
<span class="text-xs text-flat font-normal">(18)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2111">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2111" value="2111" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Lovervet
<span class="text-xs text-flat font-normal">(60)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2056">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2056" value="2056" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Lulusimon
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-677">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-677" value="677" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Lush
<span class="text-xs text-flat font-normal">(2)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1834">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1834" value="1834" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Luv AJ
<span class="text-xs text-flat font-normal">(10)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2333">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2333" value="2333" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Macrae &amp; Co
<span class="text-xs text-flat font-normal">(6)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2380">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2380" value="2380" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Mali + Lili
<span class="text-xs text-flat font-normal">(3)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1119">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1119" value="1119" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Max Studio
<span class="text-xs text-flat font-normal">(9)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-982">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-982" value="982" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Metric
<span class="text-xs text-flat font-normal">(2)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2488">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2488" value="2488" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
MIA
<span class="text-xs text-flat font-normal">(5)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2573">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2573" value="2573" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
MIA Limited Edition
<span class="text-xs text-flat font-normal">(2)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1948">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1948" value="1948" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Mica Denim
<span class="text-xs text-flat font-normal">(102)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2385">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2385" value="2385" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Moda Luxe
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-932">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-932" value="932" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Molly Bracken
<span class="text-xs text-flat font-normal">(2)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-69">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-69" value="69" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
MUK LUKS
<span class="text-xs text-flat font-normal">(39)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2535">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2535" value="2535" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
N2C Not Too Casual
<span class="text-xs text-flat font-normal">(12)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-682">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-682" value="682" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Nakamol
<span class="text-xs text-flat font-normal">(6)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2063">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2063" value="2063" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Native Gem
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-791">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-791" value="791" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Natural Life
<span class="text-xs text-flat font-normal">(3)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1970">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1970" value="1970" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Oliver Logan
<span class="text-xs text-flat font-normal">(3)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1521">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1521" value="1521" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
OneWorld
<span class="text-xs text-flat font-normal">(13)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2381">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2381" value="2381" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Panache Apparel
<span class="text-xs text-flat font-normal">(10)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1264">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1264" value="1264" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Polagram
<span class="text-xs text-flat font-normal">(7)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2214">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2214" value="2214" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Pretty Simple
<span class="text-xs text-flat font-normal">(15)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-423">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-423" value="423" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Project Social T
<span class="text-xs text-flat font-normal">(5)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-459">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-459" value="459" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
RD Style
<span class="text-xs text-flat font-normal">(2)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1610">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1610" value="1610" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Recycled Karma
<span class="text-xs text-flat font-normal">(15)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2122">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2122" value="2122" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Room 34
<span class="text-xs text-flat font-normal">(5)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2379">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2379" value="2379" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Roxy
<span class="text-xs text-flat font-normal">(2)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1156">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1156" value="1156" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Sadie &amp; Sage
<span class="text-xs text-flat font-normal">(10)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1281">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1281" value="1281" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Sage The Label
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2483">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2483" value="2483" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Salty Weekend
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2574">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2574" value="2574" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Sami Jewels
<span class="text-xs text-flat font-normal">(20)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2530">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2530" value="2530" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
SARA MICHELLE
<span class="text-xs text-flat font-normal">(2)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1272">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1272" value="1272" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Search For Sanity
<span class="text-xs text-flat font-normal">(7)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1471">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1471" value="1471" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
SEAS
<span class="text-xs text-flat font-normal">(507)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2572">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2572" value="2572" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
SHU by SHUSHOP
<span class="text-xs text-flat font-normal">(3)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2486">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2486" value="2486" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
SHUSHOP
<span class="text-xs text-flat font-normal">(7)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-967">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-967" value="967" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Skies Are Blue
<span class="text-xs text-flat font-normal">(58)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-750">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-750" value="750" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Staccato
<span class="text-xs text-flat font-normal">(40)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-966">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-966" value="966" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Sterling Forever
<span class="text-xs text-flat font-normal">(5)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-759">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-759" value="759" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Tea N Rose
<span class="text-xs text-flat font-normal">(7)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1802">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1802" value="1802" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
The Korner
<span class="text-xs text-flat font-normal">(4)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1115">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1115" value="1115" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Theo &amp; Spence
<span class="text-xs text-flat font-normal">(4)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2073">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2073" value="2073" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Think Royln
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-746">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-746" value="746" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Thread &amp; Supply
<span class="text-xs text-flat font-normal">(195)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2479">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2479" value="2479" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
TOMS
<span class="text-xs text-flat font-normal">(4)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1418">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1418" value="1418" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
TUA by West Kei
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1833">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1833" value="1833" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Vanilla Bay
<span class="text-xs text-flat font-normal">(6)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2341">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2341" value="2341" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Vero Moda
<span class="text-xs text-flat font-normal">(9)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1391">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1391" value="1391" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Vervet
<span class="text-xs text-flat font-normal">(21)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-676">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-676" value="676" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Vigoss
<span class="text-xs text-flat font-normal">(11)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1725">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1725" value="1725" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
VOY Los Angeles
<span class="text-xs text-flat font-normal">(4)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-466">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-466" value="466" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
W. by Wantable
<span class="text-xs text-flat font-normal">(26)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-952">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-952" value="952" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Warp+Weft
<span class="text-xs text-flat font-normal">(4)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1990">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1990" value="1990" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Weekend LA
<span class="text-xs text-flat font-normal">(3)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-964">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-964" value="964" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
West Kei
<span class="text-xs text-flat font-normal">(48)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2581">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2581" value="2581" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
White Rhino
<span class="text-xs text-flat font-normal">(2)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-976">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-976" value="976" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Woven Heart
<span class="text-xs text-flat font-normal">(6)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-657">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-657" value="657" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Z Supply
<span class="text-xs text-flat font-normal">(61)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2484">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2484" value="2484" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Zenobia
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
</fieldset>
</div>

<div class="border-b border-flat py-2 hidden lg:block" data-components-persist-key-value="stream-filters-open-sections" data-components-target="removeIfHidden" data-controller="components">
<h3>
<!-- Expand/collapse section button -->
<button aria-controls="price-desktop" aria-expanded="true" class="inline-flex w-full items-center justify-between pl-1 pr-4 py-2" data-action="components#toggleHideShow" type="button">
<span class="text-sm">Price</span>
<span class="flex items-center">
<!-- Expand icon, show/hide based on section open state. -->
<svg class="icon-plus w-4 h-4 hidden" aria-hidden="true" fill="currentColor" viewbox="0 0 20 20" data-components-target="hideshow">
  <path d="M10.75 4.75a.75.75 0 00-1.5 0v4.5h-4.5a.75.75 0 000 1.5h4.5v4.5a.75.75 0 001.5 0v-4.5h4.5a.75.75 0 000-1.5h-4.5v-4.5z"></path>
</svg>

<!-- Collapse icon, show/hide based on section open state. -->
<svg class="icon-minus w-4 h-4 " aria-hidden="true" fill="currentColor" viewbox="0 0 20 20" data-components-target="hideshow">
  <path clip-rule="evenodd" d="M4 10a.75.75 0 01.75-.75h10.5a.75.75 0 010 1.5H4.75A.75.75 0 014 10z" fill-rule="evenodd"></path>
</svg>

</span>
</button>

</h3>
<fieldset class="flex flex-col my-4" data-components-target="hideshow" id="price-desktop">
<div class="range-slider w-full pt-8 pb-4" data-components--range-slider-field-name-value="price" data-components--range-slider-max-value="500" data-components--range-slider-min-value="50" data-components--range-slider-step-value="5" data-controller="components--range-slider">
<div class="relative">
<!-- Track -->
<div class="relative w-full rounded-full h-[3px] bg-[#B8B8B8]" data-components--range-slider-target="track">
<!-- Filled range between handles -->
<div class="absolute inset-y-0 rounded-full bg-[#1E1E1E]" data-components--range-slider-target="filled"></div>
<!-- From handle -->
<div class="absolute rounded-full cursor-grab w-4 h-4 bg-[#1E1E1E] top-1/2 -translate-x-1/2 -translate-y-1/2" data-action="pointerdown-&gt;components--range-slider#startDragFrom" data-components--range-slider-target="fromHandle"></div>
<!-- To handle -->
<div class="absolute rounded-full cursor-grab w-4 h-4 bg-[#1E1E1E] top-1/2 -translate-x-1/2 -translate-y-1/2" data-action="pointerdown-&gt;components--range-slider#startDragTo" data-components--range-slider-target="toHandle"></div>
<!-- From tooltip -->
<div class="absolute text-xs font-semibold bg-secondary text-midgray px-2 py-1 pointer-events-none w-max -top-[2.5rem]" data-components--range-slider-target="fromTooltip"></div>
<!-- To tooltip -->
<div class="absolute text-xs font-semibold bg-secondary text-midgray px-2 py-1 pointer-events-none w-max -top-[2.5rem]" data-components--range-slider-target="toTooltip"></div>
</div>
<!-- Hidden inputs for form submission -->
<input type="hidden" name="filters_form[price][from]" id="filters_form_price_from" value="50" min="50" max="500" data-components--range-slider-target="fromInput" data-action="change-&gt;components--filters-form#search" autocomplete="off" />
<input type="hidden" name="filters_form[price][to]" id="filters_form_price_to" value="500" min="50" max="500" data-components--range-slider-target="toInput" autocomplete="off" />
</div>
<!-- Scale - under the slider, evenly spaced based on step -->
<div class="flex relative text-xs text-flat mt-6 mx-auto w-[calc(100%_-_15px)]" data-components--range-slider-target="scale" data-step="5"></div>
</div>

</fieldset>
</div>


</template></turbo-stream><turbo-stream action="update" target="stream-other-products"><template>
</template></turbo-stream>
</main>
</div>
<script>
  window.localStorage.removeItem('sms_token')
</script>
<footer class="relative bg-off_black">
<button aria-label="Scroll to Top" class="group absolute flex justify-center items-center rounded-full border border-cool_gray w-[26px] h-[26px] top-[18px] right-[16px] md:top-[38px] md:right-[40px] hover:scale-110" data-action="click-&gt;components#toTop" data-controller="components" data-testid="scroll-top" id="to-top">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-cool_gray group-hover:!scale-140 group-hover:origin-center group-hover:stroke-2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 10.5 12 3m0 0 7.5 7.5M12 3v18"></path>
</svg>

</button>
<section class="grid grid-areas-mobile-footer grid-cols-1 md:grid-areas-desktop-footer-top md:grid-cols-2 gap-x-10 border-b border-forest_green py-6 m-auto w-11/12">
<div class="grid-in-about">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="mo-logo__long h-[40px] md:mt-10 fill-cool_gray" version="1.1" viewBox="0 0 998.92 180">
  <title>wantable logo</title>
  <g id="logo-long">
    <path class="cls-1" shape-rendering="geometricPrecision" d="M135.18,98.44V60.82a12,12,0,1,0-12,12h0a12.15,12.15,0,0,0,2.94-.37v28.81A10.72,10.72,0,0,1,115.52,112h0a10.59,10.59,0,0,1-6.48-2.16.27.27,0,0,1-.11-.1l-.39-.3a8.68,8.68,0,0,1-1.23-1.27l-.41-.51-.12-.17a10.64,10.64,0,0,1-2-6.14V60.82a12,12,0,0,0-12-12h0a12,12,0,0,0-11.94,12h0v45.1a6.43,6.43,0,0,1-6.43,6.44h0a6.45,6.45,0,0,1-6.44-6.44V61.44a12,12,0,0,0-11.93-12h0a12,12,0,0,0-12,12v49.28a20.42,20.42,0,0,0,20.38,20.46h0a20.37,20.37,0,0,0,19.61-14.9A27.09,27.09,0,0,0,108,130.67h0a27.18,27.18,0,0,0,27.14-27.22v0Z"></path>
    <path class="cls-1" shape-rendering="geometricPrecision" d="M89.65,180C40.14,180,0,139.71,0,90S40.14,0,89.65,0s89.66,40.29,89.66,90h0C179.25,139.68,139.14,180,89.65,180Zm0-164.82A74.84,74.84,0,1,0,164.2,90h0A74.77,74.77,0,0,0,89.65,15.18Z"></path>
    <path class="cls-1" shape-rendering="geometricPrecision" d="M217,64.06a10.1,10.1,0,0,1-.63-3,7.85,7.85,0,0,1,8-7.71h.11a8,8,0,0,1,7.7,5.66l14.25,44.17,14.36-43.76c1.23-3.71,4-6.28,8-6.28H270c4,0,6.77,2.48,8,6.28l14.35,43.76L306.62,59a7.9,7.9,0,0,1,7.59-5.66A7.63,7.63,0,0,1,322,60.82V61a10.48,10.48,0,0,1-.62,3.08l-20.12,56.63c-1.38,4-4.42,6.48-8.21,6.48h-1.63c-3.8,0-6.68-2.37-8.1-6.48L269.15,79.41,255,120.69c-1.38,4.17-4.3,6.48-8.1,6.48h-1.63c-3.8,0-6.77-2.48-8.21-6.48Z"></path>
    <path class="cls-1" shape-rendering="geometricPrecision" d="M349.53,115.84l25-56.71a9.7,9.7,0,0,1,9.22-6.3h.93a9.6,9.6,0,0,1,9.12,6.29l25,56.71a7.7,7.7,0,0,1,.82,3.19,7.49,7.49,0,0,1-7.36,7.62h-.12c-3.69,0-6.16-2.16-7.58-5.45l-4.82-11.37h-31.6l-5,11.84a7.76,7.76,0,0,1-7.32,5,7.27,7.27,0,0,1-7.29-7.25v-.16A8.42,8.42,0,0,1,349.53,115.84Zm44.4-19.92L384,72.14l-9.94,23.78Z"></path>
    <path class="cls-1" shape-rendering="geometricPrecision" d="M457.71,61.49a7.83,7.83,0,0,1,7.75-7.92h1.79c3.79,0,6.05,1.85,8.19,4.63L505.9,98.34V61.17a7.8,7.8,0,1,1,15.59,0v57.35a7.84,7.84,0,0,1-7.78,7.92.24.24,0,0,1-.12,0h-.51c-3.8,0-6.05-1.84-8.2-4.62L473.3,80.23v38.6a7.8,7.8,0,1,1-15.59,0Z"></path>
    <path class="cls-1" shape-rendering="geometricPrecision" d="M581.05,68.59H565.82a7.31,7.31,0,0,1,0-14.62H612a7.31,7.31,0,0,1,0,14.62H596.77v50.14a7.9,7.9,0,0,1-15.79,0Z"></path>
    <path class="cls-1" shape-rendering="geometricPrecision" d="M644.72,115.84l25-56.71a9.7,9.7,0,0,1,9.24-6.3h.87A9.62,9.62,0,0,1,689,59.12l25,56.71a7.85,7.85,0,0,1,.82,3.19,7.5,7.5,0,0,1-7.37,7.62h-.13c-3.68,0-6.14-2.16-7.58-5.45L695,109.82H663.39l-5,11.84a7.75,7.75,0,0,1-7.28,4.94,7.29,7.29,0,0,1-7.23-7.34v0A8.55,8.55,0,0,1,644.72,115.84Zm44.41-19.92-10-23.78-9.94,23.78Z"></path>
    <path class="cls-1" shape-rendering="geometricPrecision" d="M752.89,61.89A7.85,7.85,0,0,1,760.67,54h25.55c8.21,0,14.67,2.27,18.77,6.38a16.56,16.56,0,0,1,4.92,12.26v.21c0,8.13-4.31,12.66-9.43,15.54,8.3,3.2,13.43,8,13.43,17.71v.21c0,13.17-10.66,19.76-26.86,19.76H760.74a7.85,7.85,0,0,1-7.85-7.85V61.89Zm30,21.22c6.92,0,11.38-2.27,11.38-7.62v-.21c0-4.73-3.7-7.41-10.36-7.41H768.27V83.16Zm4.15,29c6.92,0,11.17-2.47,11.17-7.82v-.21c0-4.84-3.58-7.83-11.68-7.83H768.27v15.86Z"></path>
    <path class="cls-1" shape-rendering="geometricPrecision" d="M852.55,61.28a7.91,7.91,0,0,1,15.8,0v50.35h29.21a7.21,7.21,0,0,1,.63,14.41H860.44a7.85,7.85,0,0,1-7.89-7.81V61.28Z"></path>
    <path class="cls-1" shape-rendering="geometricPrecision" d="M941.65,118.16V61.89A7.85,7.85,0,0,1,949.43,54h39.91a7.11,7.11,0,0,1,7.07,7.1A7,7,0,0,1,989.34,68h-32V82.7h27.38a7.11,7.11,0,0,1,7.08,7.11,7,7,0,0,1-7.08,7H957.34v15.17h32.51a7.12,7.12,0,0,1,7.07,7.11,7,7,0,0,1-7.07,6.95H949.54a7.85,7.85,0,0,1-7.89-7.82Z"></path>
  </g>
</svg>

<p class="text-sm font-primary text-cool_gray mt-[23px] max-w-[600px]">
Wantable is #1 in personal styling. Every Edit is styled by trained fashion experts, delivered straight to your doorstep.
Enjoy a try-before-you-buy experience that fuels your confidence with every outfit.
</p>
</div>
<div class="grid-in-trustpilot hidden md:flex flex-col justify-center items-center lg:items-end">
<div class="flex flex-col items-center">
<div class="flex flex-col lg:flex-row items-center justify-center">
<a href="https://g.co/kgs/8zmKtQe" rel="noopener" target="_blank">
<img data-lazy-src="/assets/reviews/google_rating_dark-9af1f8c1950775705838226934cd0f973ab45b2f9835055fe2114d40fd362158.webp" class="w-[310px] h-[105px] transition-src" width="310" height="105" alt="Google Reviews 4.7 out of 5 Stars" title="Google Reviews 4.7 out of 5 Stars" data-controller="lazy-image">
</a>
</div>
</div>
</div>
</section>
<section class="grid grid-areas-mobile-footer grid-cols-1 md:grid-areas-desktop-footer-bot-sm lg:grid-areas-desktop-footer-bot md:grid-cols-5 md:gap-x-10 py-6 pb-8 mx-auto w-full md:w-11/12">
<div class="grid-in-newsletter mx-auto items-start pb-4 md:pb-0 md:w-full w-11/12">
<turbo-frame id="users--email-gate"><p class="font-bold text-cool_gray mb-4">Get promos, style tips and more!</p>
<div class="flex flex-col sm:mb-4 max-w-[380px]">
<form class="w-full flex justify-between border-b-cool_gray border-b-[1px]" action="/users/email_gate/" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GIGAkxsBXkM2mKNtUomtjroPzlJka_zNQfWGqL32AAYUhpBWoli44UmAlr6t58NpaorFjST5GqCMpF5ie1RsFw" autocomplete="off" /><div class="w-full">
<input class="newsletter px-0" placeholder="Email address..." id="mailing_list_email" type="email" value="" name="user[email]" />
</div>
<button name="button" type="submit" class="group relative px-2 h-[37px] mr-4"><span class="flex flex-row font-bold items-center text-[15px] text-cool_gray leading-[17px] mr-2">
Submit
<span class="absolute -right-2 group-hover:-right-6 text-forest_green">➔</span>
</span>
</button></form></div>
<p class="mt-[13px] text-[12px] text-cool_gray">By subscribing to our newsletter you agree to our terms and conditions.</p>
</turbo-frame></div>

<div class="grid-in-trustpilot flex flex-col justify-center items-center lg:items-end pb-8 md:hidden">
<div class="flex flex-col items-center">
<div class="flex flex-col lg:flex-row items-center justify-center">
<a href="https://g.co/kgs/8zmKtQe" rel="noopener" target="_blank">
<img data-lazy-src="/assets/reviews/google_rating_dark-9af1f8c1950775705838226934cd0f973ab45b2f9835055fe2114d40fd362158.webp" class="w-[310px] h-[105px] transition-src" width="310" height="105" alt="Google Reviews 4.7 out of 5 Stars" title="Google Reviews 4.7 out of 5 Stars" data-controller="lazy-image">
</a>
</div>
</div>
</div>
<div class="grid-in-sitemap hidden w-full md:block mx-auto items-start">
<ul class="grid grid-cols-1 md:grid-cols-3 gap-x-8">
<li>
<p class="font-bold text-cool_gray">Services</p>
<nav>
<ul class="flex flex-col mt-6 text-cool_gray">
<li class="relative">
<a class="relative flex items-center leading-[1.8] text-[14px] hover:before:content-[&#39;➔&#39;] [&amp;:active]:scale-150 md:[&amp;:active]:scale-100 origin-left before:absolute before:bottom-0 before:-left-6 before:text-forest_green" href="/edits/style/" target="_self">
Style Edit
</a>
</li>
<li class="relative">
<a class="relative flex items-center leading-[1.8] text-[14px] hover:before:content-[&#39;➔&#39;] [&amp;:active]:scale-150 md:[&amp;:active]:scale-100 origin-left before:absolute before:bottom-0 before:-left-6 before:text-forest_green" href="/edits/active/" target="_self">
Active Edit
</a>
</li>
<li class="relative">
<a class="relative flex items-center leading-[1.8] text-[14px] hover:before:content-[&#39;➔&#39;] [&amp;:active]:scale-150 md:[&amp;:active]:scale-100 origin-left before:absolute before:bottom-0 before:-left-6 before:text-forest_green" href="/edits/sleep-body/" target="_self">
Sleep &amp; Body Edit
</a>
</li>
<li class="relative">
<a class="relative flex items-center leading-[1.8] text-[14px] hover:before:content-[&#39;➔&#39;] [&amp;:active]:scale-150 md:[&amp;:active]:scale-100 origin-left before:absolute before:bottom-0 before:-left-6 before:text-forest_green" href="/edits/mens-active/" target="_self">
Men&#39;s Active Edit
</a>
</li>

<li class="relative">
<a class="relative flex items-center leading-[1.8] text-[14px] hover:before:content-[&#39;➔&#39;] [&amp;:active]:scale-150 md:[&amp;:active]:scale-100 origin-left before:absolute before:bottom-0 before:-left-6 before:text-forest_green" href="https://try.wantable.com/theme-directory" target="_self">
Themed Edits
</a>
</li>
<li class="relative">
<a class="relative flex items-center leading-[1.8] text-[14px] hover:before:content-[&#39;➔&#39;] [&amp;:active]:scale-150 md:[&amp;:active]:scale-100 origin-left before:absolute before:bottom-0 before:-left-6 before:text-forest_green" href="/stream/" target="_self">
Stream
</a>
</li>
<li class="relative">
<a class="relative flex items-center leading-[1.8] text-[14px] hover:before:content-[&#39;➔&#39;] [&amp;:active]:scale-150 md:[&amp;:active]:scale-100 origin-left before:absolute before:bottom-0 before:-left-6 before:text-forest_green" href="/personal-stylist" target="_self">
Personal Styling
</a>
</li>
<li class="relative">
<a class="relative flex items-center leading-[1.8] text-[14px] hover:before:content-[&#39;➔&#39;] [&amp;:active]:scale-150 md:[&amp;:active]:scale-100 origin-left before:absolute before:bottom-0 before:-left-6 before:text-forest_green" href="/gift-cards/" target="_self">
Gift Wantable
</a>
</li>

</ul>
</nav>
</li>
<li>
<p class="font-bold text-cool_gray">Company</p>
<nav>
<ul class="flex flex-col mt-6 text-cool_gray">
<li class="relative">
<a class="relative flex items-center leading-[1.8] text-[14px] hover:before:content-[&#39;➔&#39;] [&amp;:active]:scale-150 md:[&amp;:active]:scale-100 origin-left before:absolute before:bottom-0 before:-left-6 before:text-forest_green" href="https://try.wantable.com/mywantable-rewards" target="_blank">
MyWantable Rewards™
</a>
</li>
<li class="relative">
<a class="relative flex items-center leading-[1.8] text-[14px] hover:before:content-[&#39;➔&#39;] [&amp;:active]:scale-150 md:[&amp;:active]:scale-100 origin-left before:absolute before:bottom-0 before:-left-6 before:text-forest_green" href="/how-wantable-works" target="_self">
How It Works
</a>
</li>
<li class="relative">
<a class="relative flex items-center leading-[1.8] text-[14px] hover:before:content-[&#39;➔&#39;] [&amp;:active]:scale-150 md:[&amp;:active]:scale-100 origin-left before:absolute before:bottom-0 before:-left-6 before:text-forest_green" href="/our-story" target="_self">
About Us
</a>
</li>
<li class="relative">
<a class="relative flex items-center leading-[1.8] text-[14px] hover:before:content-[&#39;➔&#39;] [&amp;:active]:scale-150 md:[&amp;:active]:scale-100 origin-left before:absolute before:bottom-0 before:-left-6 before:text-forest_green" href="/community" target="_self">
Community
</a>
</li>
<li class="relative">
<a class="relative flex items-center leading-[1.8] text-[14px] hover:before:content-[&#39;➔&#39;] [&amp;:active]:scale-150 md:[&amp;:active]:scale-100 origin-left before:absolute before:bottom-0 before:-left-6 before:text-forest_green" href="http://blog.wantable.com" target="_blank">
Blog
</a>
</li>
<li class="relative">
<a class="relative flex items-center leading-[1.8] text-[14px] hover:before:content-[&#39;➔&#39;] [&amp;:active]:scale-150 md:[&amp;:active]:scale-100 origin-left before:absolute before:bottom-0 before:-left-6 before:text-forest_green" href="https://try.wantable.com/influencer-affiliate" target="_blank">
Partner Program
</a>
</li>
<li class="relative">
<a class="relative flex items-center leading-[1.8] text-[14px] hover:before:content-[&#39;➔&#39;] [&amp;:active]:scale-150 md:[&amp;:active]:scale-100 origin-left before:absolute before:bottom-0 before:-left-6 before:text-forest_green" href="http://blog.wantable.com/jobs/" target="_blank">
Careers
</a>
</li>
<li class="relative">
<a class="relative flex items-center leading-[1.8] text-[14px] hover:before:content-[&#39;➔&#39;] [&amp;:active]:scale-150 md:[&amp;:active]:scale-100 origin-left before:absolute before:bottom-0 before:-left-6 before:text-forest_green" href="/account/credits/" target="_self">
Give $25, Get $25
</a>
</li>

</ul>
</nav>
</li>
<li>
<p class="font-bold text-cool_gray">Customer Care</p>
<nav>
<ul class="flex flex-col mt-6 text-cool_gray">
<li class="relative">
<a class="relative flex items-center leading-[1.8] text-[14px] hover:before:content-[&#39;➔&#39;] [&amp;:active]:scale-150 md:[&amp;:active]:scale-100 origin-left before:absolute before:bottom-0 before:-left-6 before:text-forest_green" href="/contact-us" target="_blank">
Contact Us
</a>
</li>
<li class="relative">
<a class="relative flex items-center leading-[1.8] text-[14px] hover:before:content-[&#39;➔&#39;] [&amp;:active]:scale-150 md:[&amp;:active]:scale-100 origin-left before:absolute before:bottom-0 before:-left-6 before:text-forest_green" href="https://support.wantable.com/" target="_blank">
FAQ
</a>
</li>
<li class="relative">
<a class="relative flex items-center leading-[1.8] text-[14px] hover:before:content-[&#39;➔&#39;] [&amp;:active]:scale-150 md:[&amp;:active]:scale-100 origin-left before:absolute before:bottom-0 before:-left-6 before:text-forest_green" href="/pricing" target="_blank">
Pricing
</a>
</li>
<li class="relative">
<a class="relative flex items-center leading-[1.8] text-[14px] hover:before:content-[&#39;➔&#39;] [&amp;:active]:scale-150 md:[&amp;:active]:scale-100 origin-left before:absolute before:bottom-0 before:-left-6 before:text-forest_green" href="https://support.wantable.com/?g=Orders%20%26%20Delivery" target="_self">
Shipping &amp; Delivery
</a>
</li>
<li class="relative">
<a class="relative flex items-center leading-[1.8] text-[14px] hover:before:content-[&#39;➔&#39;] [&amp;:active]:scale-150 md:[&amp;:active]:scale-100 origin-left before:absolute before:bottom-0 before:-left-6 before:text-forest_green" href="https://support.wantable.com/?g=Returns%20%26%20Exchanges" target="_blank">
Returns
</a>
</li>
<li class="relative">
<a class="relative flex items-center leading-[1.8] text-[14px] hover:before:content-[&#39;➔&#39;] [&amp;:active]:scale-150 md:[&amp;:active]:scale-100 origin-left before:absolute before:bottom-0 before:-left-6 before:text-forest_green" href="http://blog.wantable.com/wantable-size-chart/" target="_blank">
Size Chart
</a>
</li>
<li class="relative">
<a class="relative flex items-center leading-[1.8] text-[14px] hover:before:content-[&#39;➔&#39;] [&amp;:active]:scale-150 md:[&amp;:active]:scale-100 origin-left before:absolute before:bottom-0 before:-left-6 before:text-forest_green" href="/order-tracking/" target="_self">
Order Tracking
</a>
</li>

</ul>
</nav>
</li>
</ul>
</div>
<div class="grid-in-sitemap md:hidden">
<details class="relative w-full group" name="mobile-subnav">
<summary class="relative flex items-center w-full p-4 text-sm font-semibold text-left transition-all ease-in border-y border-solid cursor-pointer border-cool_gray text-subdued">
<span class="text-lg font-bsemiold text-cool_gray font-primary">Services</span>
<i class="absolute right-4 pt-1">
<!-- Expand icon, show/hide based on section open state. -->
<svg class="icon-plus h-5 w-5 fill-forest_green group-open:hidden" aria-hidden="true" fill="currentColor" viewbox="0 0 20 20" data-components-target="hideshow">
  <path d="M10.75 4.75a.75.75 0 00-1.5 0v4.5h-4.5a.75.75 0 000 1.5h4.5v4.5a.75.75 0 001.5 0v-4.5h4.5a.75.75 0 000-1.5h-4.5v-4.5z"></path>
</svg>

<!-- Collapse icon, show/hide based on section open state. -->
<svg class="icon-minus h-5 w-5 fill-forest_green hidden group-open:block" aria-hidden="true" fill="currentColor" viewbox="0 0 20 20" data-components-target="hideshow">
  <path clip-rule="evenodd" d="M4 10a.75.75 0 01.75-.75h10.5a.75.75 0 010 1.5H4.75A.75.75 0 014 10z" fill-rule="evenodd"></path>
</svg>

</i>
</summary>
<div class="flex items-center pt-4 space-y-4 px-6 pb-4 border-b border-cool_gray">
<ul class="flex flex-col text-cool_gray">
<li class="relative">
<a class="relative flex items-center leading-[1.8] text-[14px] hover:before:content-[&#39;➔&#39;] [&amp;:active]:scale-150 md:[&amp;:active]:scale-100 origin-left before:absolute before:bottom-0 before:-left-6 before:text-forest_green" href="/edits/style/" target="_self">
Style Edit
</a>
</li>

<li class="relative">
<a class="relative flex items-center leading-[1.8] text-[14px] hover:before:content-[&#39;➔&#39;] [&amp;:active]:scale-150 md:[&amp;:active]:scale-100 origin-left before:absolute before:bottom-0 before:-left-6 before:text-forest_green" href="/edits/active/" target="_self">
Active Edit
</a>
</li>

<li class="relative">
<a class="relative flex items-center leading-[1.8] text-[14px] hover:before:content-[&#39;➔&#39;] [&amp;:active]:scale-150 md:[&amp;:active]:scale-100 origin-left before:absolute before:bottom-0 before:-left-6 before:text-forest_green" href="/edits/sleep-body/" target="_self">
Sleep &amp; Body Edit
</a>
</li>

<li class="relative">
<a class="relative flex items-center leading-[1.8] text-[14px] hover:before:content-[&#39;➔&#39;] [&amp;:active]:scale-150 md:[&amp;:active]:scale-100 origin-left before:absolute before:bottom-0 before:-left-6 before:text-forest_green" href="/edits/mens-active/" target="_self">
Men&#39;s Active Edit
</a>
</li>

<li class="relative">
<a class="relative flex items-center leading-[1.8] text-[14px] hover:before:content-[&#39;➔&#39;] [&amp;:active]:scale-150 md:[&amp;:active]:scale-100 origin-left before:absolute before:bottom-0 before:-left-6 before:text-forest_green" href="https://try.wantable.com/theme-directory" target="_self">
Themed Edits
</a>
</li>

<li class="relative">
<a class="relative flex items-center leading-[1.8] text-[14px] hover:before:content-[&#39;➔&#39;] [&amp;:active]:scale-150 md:[&amp;:active]:scale-100 origin-left before:absolute before:bottom-0 before:-left-6 before:text-forest_green" href="/stream/" target="_self">
Stream
</a>
</li>

<li class="relative">
<a class="relative flex items-center leading-[1.8] text-[14px] hover:before:content-[&#39;➔&#39;] [&amp;:active]:scale-150 md:[&amp;:active]:scale-100 origin-left before:absolute before:bottom-0 before:-left-6 before:text-forest_green" href="/personal-stylist" target="_self">
Personal Styling
</a>
</li>

<li class="relative">
<a class="relative flex items-center leading-[1.8] text-[14px] hover:before:content-[&#39;➔&#39;] [&amp;:active]:scale-150 md:[&amp;:active]:scale-100 origin-left before:absolute before:bottom-0 before:-left-6 before:text-forest_green" href="/gift-cards/" target="_self">
Gift Wantable
</a>
</li>

</ul>
</div>
</details>
<details class="relative w-full group" name="mobile-subnav">
<summary class="relative flex items-center w-full p-4 text-sm font-semibold text-left transition-all ease-in border-b border-solid cursor-pointer border-cool_gray text-subdued">
<span class="text-lg font-bsemiold text-cool_gray font-primary">Company</span>
<i class="absolute right-4 pt-1">
<!-- Expand icon, show/hide based on section open state. -->
<svg class="icon-plus h-5 w-5 fill-forest_green group-open:hidden" aria-hidden="true" fill="currentColor" viewbox="0 0 20 20" data-components-target="hideshow">
  <path d="M10.75 4.75a.75.75 0 00-1.5 0v4.5h-4.5a.75.75 0 000 1.5h4.5v4.5a.75.75 0 001.5 0v-4.5h4.5a.75.75 0 000-1.5h-4.5v-4.5z"></path>
</svg>

<!-- Collapse icon, show/hide based on section open state. -->
<svg class="icon-minus h-5 w-5 fill-forest_green hidden group-open:block" aria-hidden="true" fill="currentColor" viewbox="0 0 20 20" data-components-target="hideshow">
  <path clip-rule="evenodd" d="M4 10a.75.75 0 01.75-.75h10.5a.75.75 0 010 1.5H4.75A.75.75 0 014 10z" fill-rule="evenodd"></path>
</svg>

</i>
</summary>
<div class="flex items-center pt-4 space-y-4 px-6 pb-4 border-b border-cool_gray">
<ul class="flex flex-col text-cool_gray">
<li class="relative">
<a class="relative flex items-center leading-[1.8] text-[14px] hover:before:content-[&#39;➔&#39;] [&amp;:active]:scale-150 md:[&amp;:active]:scale-100 origin-left before:absolute before:bottom-0 before:-left-6 before:text-forest_green" href="https://try.wantable.com/mywantable-rewards" target="_blank">
MyWantable Rewards™
</a>
</li>
<li class="relative">
<a class="relative flex items-center leading-[1.8] text-[14px] hover:before:content-[&#39;➔&#39;] [&amp;:active]:scale-150 md:[&amp;:active]:scale-100 origin-left before:absolute before:bottom-0 before:-left-6 before:text-forest_green" href="/how-wantable-works" target="_self">
How It Works
</a>
</li>
<li class="relative">
<a class="relative flex items-center leading-[1.8] text-[14px] hover:before:content-[&#39;➔&#39;] [&amp;:active]:scale-150 md:[&amp;:active]:scale-100 origin-left before:absolute before:bottom-0 before:-left-6 before:text-forest_green" href="/our-story" target="_self">
About Us
</a>
</li>
<li class="relative">
<a class="relative flex items-center leading-[1.8] text-[14px] hover:before:content-[&#39;➔&#39;] [&amp;:active]:scale-150 md:[&amp;:active]:scale-100 origin-left before:absolute before:bottom-0 before:-left-6 before:text-forest_green" href="/community" target="_self">
Community
</a>
</li>
<li class="relative">
<a class="relative flex items-center leading-[1.8] text-[14px] hover:before:content-[&#39;➔&#39;] [&amp;:active]:scale-150 md:[&amp;:active]:scale-100 origin-left before:absolute before:bottom-0 before:-left-6 before:text-forest_green" href="http://blog.wantable.com" target="_blank">
Blog
</a>
</li>
<li class="relative">
<a class="relative flex items-center leading-[1.8] text-[14px] hover:before:content-[&#39;➔&#39;] [&amp;:active]:scale-150 md:[&amp;:active]:scale-100 origin-left before:absolute before:bottom-0 before:-left-6 before:text-forest_green" href="https://try.wantable.com/influencer-affiliate" target="_blank">
Partner Program
</a>
</li>
<li class="relative">
<a class="relative flex items-center leading-[1.8] text-[14px] hover:before:content-[&#39;➔&#39;] [&amp;:active]:scale-150 md:[&amp;:active]:scale-100 origin-left before:absolute before:bottom-0 before:-left-6 before:text-forest_green" href="http://blog.wantable.com/jobs/" target="_blank">
Careers
</a>
</li>
<li class="relative">
<a class="relative flex items-center leading-[1.8] text-[14px] hover:before:content-[&#39;➔&#39;] [&amp;:active]:scale-150 md:[&amp;:active]:scale-100 origin-left before:absolute before:bottom-0 before:-left-6 before:text-forest_green" href="/account/credits/" target="_self">
Give $25, Get $25
</a>
</li>

</ul>
</div>
</details>
<details class="relative w-full group" name="mobile-subnav">
<summary class="relative flex items-center w-full p-4 text-sm font-semibold text-left transition-all ease-in border-b border-solid cursor-pointer border-cool_gray text-subdued">
<span class="text-lg font-bsemiold text-cool_gray font-primary">Questions</span>
<i class="absolute right-4 pt-1">
<!-- Expand icon, show/hide based on section open state. -->
<svg class="icon-plus h-5 w-5 fill-forest_green group-open:hidden" aria-hidden="true" fill="currentColor" viewbox="0 0 20 20" data-components-target="hideshow">
  <path d="M10.75 4.75a.75.75 0 00-1.5 0v4.5h-4.5a.75.75 0 000 1.5h4.5v4.5a.75.75 0 001.5 0v-4.5h4.5a.75.75 0 000-1.5h-4.5v-4.5z"></path>
</svg>

<!-- Collapse icon, show/hide based on section open state. -->
<svg class="icon-minus h-5 w-5 fill-forest_green hidden group-open:block" aria-hidden="true" fill="currentColor" viewbox="0 0 20 20" data-components-target="hideshow">
  <path clip-rule="evenodd" d="M4 10a.75.75 0 01.75-.75h10.5a.75.75 0 010 1.5H4.75A.75.75 0 014 10z" fill-rule="evenodd"></path>
</svg>

</i>
</summary>
<div class="flex items-center pt-4 space-y-4 px-6 pb-4 border-b border-cool_gray">
<ul class="flex flex-col text-cool_gray">
<li class="relative">
<a class="relative flex items-center leading-[1.8] text-[14px] hover:before:content-[&#39;➔&#39;] [&amp;:active]:scale-150 md:[&amp;:active]:scale-100 origin-left before:absolute before:bottom-0 before:-left-6 before:text-forest_green" href="/contact-us" target="_blank">
Contact Us
</a>
</li>
<li class="relative">
<a class="relative flex items-center leading-[1.8] text-[14px] hover:before:content-[&#39;➔&#39;] [&amp;:active]:scale-150 md:[&amp;:active]:scale-100 origin-left before:absolute before:bottom-0 before:-left-6 before:text-forest_green" href="https://support.wantable.com/" target="_blank">
FAQ
</a>
</li>
<li class="relative">
<a class="relative flex items-center leading-[1.8] text-[14px] hover:before:content-[&#39;➔&#39;] [&amp;:active]:scale-150 md:[&amp;:active]:scale-100 origin-left before:absolute before:bottom-0 before:-left-6 before:text-forest_green" href="/pricing" target="_blank">
Pricing
</a>
</li>
<li class="relative">
<a class="relative flex items-center leading-[1.8] text-[14px] hover:before:content-[&#39;➔&#39;] [&amp;:active]:scale-150 md:[&amp;:active]:scale-100 origin-left before:absolute before:bottom-0 before:-left-6 before:text-forest_green" href="https://support.wantable.com/?g=Orders%20%26%20Delivery" target="_self">
Shipping &amp; Delivery
</a>
</li>
<li class="relative">
<a class="relative flex items-center leading-[1.8] text-[14px] hover:before:content-[&#39;➔&#39;] [&amp;:active]:scale-150 md:[&amp;:active]:scale-100 origin-left before:absolute before:bottom-0 before:-left-6 before:text-forest_green" href="https://support.wantable.com/?g=Returns%20%26%20Exchanges" target="_blank">
Returns
</a>
</li>
<li class="relative">
<a class="relative flex items-center leading-[1.8] text-[14px] hover:before:content-[&#39;➔&#39;] [&amp;:active]:scale-150 md:[&amp;:active]:scale-100 origin-left before:absolute before:bottom-0 before:-left-6 before:text-forest_green" href="http://blog.wantable.com/wantable-size-chart/" target="_blank">
Size Chart
</a>
</li>
<li class="relative">
<a class="relative flex items-center leading-[1.8] text-[14px] hover:before:content-[&#39;➔&#39;] [&amp;:active]:scale-150 md:[&amp;:active]:scale-100 origin-left before:absolute before:bottom-0 before:-left-6 before:text-forest_green" href="/order-tracking/" target="_self">
Order Tracking
</a>
</li>

</ul>
</div>
</details>

</div>
<div class="grid-in-social mx-auto items-start">
<div>
<p class="font-bold text-cool_gray mb-2 hidden md:block">Join Us</p>
<ul class="grid grid-cols-5 auto-rows-auto w-max font-primary mt-6 gap-x-[8px]">
<li>
<a class="[&amp;_path]:fill-cool_gray hover:scale-110 social flex items-center justify-center rounded-full border p-1.5" href="https://twitter.com/wantableco" onclick="" rel="noreferrer" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="mo-icon__svg h-4 w-4" preserveAspectRatio="xMidYMid meet" viewBox="0 0 1200 1227" version="1.1">
  <title>x</title>
  <g id="icon_x">
    <path fill="black" d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="white"></path>
  </g>
</svg>

</a>
</li>
<li>
<a class="[&amp;_path]:fill-cool_gray hover:scale-110 social flex items-center justify-center rounded-full border p-1.5" href="https://www.instagram.com/wantable/" onclick="" rel="noreferrer" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="mo-icon__svg h-4 w-4" preserveAspectRatio="xMidYMid meet" viewBox="0 0 200 200" version="1.1" xml:space="preserve">
  <!-- <style type="text/css">
    .st5{fill:url(#SVGID_1_);}
    .st6{fill:url(#SVGID_2_);}
    .st7{fill:url(#SVGID_3_);}
  </style> -->
  <title>instagram</title>

  <g id="icon_instagram">
  		<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="60.6965" y1="-595.278" x2="65.7036" y2="-600.2852" gradientTransform="matrix(32 0 0 32 -1922 19228.8223)">
  		<stop offset="0" style="stop-color:#FDC113"></stop>
  		<stop offset="0.507" style="stop-color:#EF4538"></stop>
  		<stop offset="0.99" style="stop-color:#904098"></stop>
  	</linearGradient>
  	<path class="st5" d="M137.5,2.5H63.3C29.2,2.5,1.6,29.7,1.6,63.3v73c0,33.6,27.7,60.8,61.8,60.8h74.1c34.1,0,61.8-27.2,61.8-60.8 v-73C199.2,29.7,171.6,2.5,137.5,2.5z M180.7,136.3c0,23.5-19.4,42.6-43.2,42.6H63.3c-23.8,0-43.2-19.1-43.2-42.6v-73 c0-23.5,19.4-42.6,43.2-42.6h74.1c23.8,0,43.2,19.1,43.2,42.6V136.3z"></path>
  		<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="62.1165" y1="-596.6981" x2="64.2835" y2="-598.8651" gradientTransform="matrix(32 0 0 32 -1922 19228.8223)">
  		<stop offset="0" style="stop-color:#FDC113"></stop>
  		<stop offset="0.507" style="stop-color:#EF4538"></stop>
  		<stop offset="0.99" style="stop-color:#904098"></stop>
  	</linearGradient>
  	<path class="st6" d="M100.4,51.2C73.1,51.2,51,72.9,51,99.8s22.1,48.7,49.4,48.7s49.4-21.8,49.4-48.7S127.7,51.2,100.4,51.2z M100.4,130.2c-17,0-30.9-13.6-30.9-30.4c0-16.8,13.9-30.4,30.9-30.4s30.9,13.6,30.9,30.4C131.3,116.6,117.4,130.2,100.4,130.2z"></path>

  		<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="64.7154" y1="-599.2719" x2="65.0041" y2="-599.5607" gradientTransform="matrix(32 0 0 32 -1922 19228.8223)">
  		<stop offset="0" style="stop-color:#FDC113"></stop>
  		<stop offset="0.507" style="stop-color:#EF4538"></stop>
  		<stop offset="0.99" style="stop-color:#904098"></stop>
  	</linearGradient>
  	<ellipse class="st7" cx="153.5" cy="47.5" rx="6.6" ry="6.5"></ellipse>
  </g>
</svg>

</a>
</li>
<li>
<a class="[&amp;_path]:fill-cool_gray hover:scale-110 social flex items-center justify-center rounded-full border p-1.5" href="https://www.facebook.com/Wantableco" onclick="" rel="noreferrer" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="mo-icon__svg h-4 w-4" preserveAspectRatio="xMidYMid meet" viewBox="0 0 200 200" version="1.1" xml:space="preserve">
  <title>facebook</title>
  <!-- <style type="text/css">
    .st8{fill:#385D8F;}
  </style> -->
  <g id="icon_facebook">
  	<path class="st8" d="M147.8,1.1l-25.7,0c-28.8,0-47.5,19.1-47.5,48.7v22.5H48.9c-2.2,0-4,1.8-4,4v32.5c0,2.2,1.8,4,4,4h25.8V195 c0,2.2,1.8,4,4,4h33.7c2.2,0,4-1.8,4-4v-82.1h30.2c2.2,0,4-1.8,4-4l0-32.5c0-1.1-0.4-2.1-1.2-2.9s-1.8-1.2-2.9-1.2h-30.2v-19 c0-9.2,2.2-13.8,14.1-13.8l17.3,0c2.2,0,4-1.8,4-4V5.1C151.9,2.9,150.1,1.1,147.8,1.1z"></path>
  </g>
</svg>

</a>
</li>
<li>
<a class="[&amp;_path]:fill-cool_gray hover:scale-110 social flex items-center justify-center rounded-full border p-1.5" href="https://www.tiktok.com/@wantable" onclick="" rel="noreferrer" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" class="mo-icon__svg h-4 w-4" fill="currentColor" preserveAspectRatio="xMidYMid meet" viewBox="0 0 512 512">
  <title>tiktok</title>
  <g id="icon-tiktok">
    <path d="M412.19,118.66a109.27,109.27,0,0,1-9.45-5.5,132.87,132.87,0,0,1-24.27-20.62c-18.1-20.71-24.86-41.72-27.35-56.43h.1C349.14,23.9,350,16,350.13,16H267.69V334.78c0,4.28,0,8.51-.18,12.69,0,.52-.05,1-.08,1.56,0,.23,0,.47-.05.71,0,.06,0,.12,0,.18a70,70,0,0,1-35.22,55.56,68.8,68.8,0,0,1-34.11,9c-38.41,0-69.54-31.32-69.54-70s31.13-70,69.54-70a68.9,68.9,0,0,1,21.41,3.39l.1-83.94a153.14,153.14,0,0,0-118,34.52,161.79,161.79,0,0,0-35.3,43.53c-3.48,6-16.61,30.11-18.2,69.24-1,22.21,5.67,45.22,8.85,54.73v.2c2,5.6,9.75,24.71,22.38,40.82A167.53,167.53,0,0,0,115,470.66v-.2l.2.2C155.11,497.78,199.36,496,199.36,496c7.66-.31,33.32,0,62.46-13.81,32.32-15.31,50.72-38.12,50.72-38.12a158.46,158.46,0,0,0,27.64-45.93c7.46-19.61,9.95-43.13,9.95-52.53V176.49c1,.6,14.32,9.41,14.32,9.41s19.19,12.3,49.13,20.31c21.48,5.7,50.42,6.9,50.42,6.9V131.27C453.86,132.37,433.27,129.17,412.19,118.66Z"></path>
  </g>
</svg>

</a>
</li>
<li>
<a class="[&amp;_path]:fill-cool_gray hover:scale-110 social flex items-center justify-center rounded-full border p-1.5" href="https://www.pinterest.com/wantable/" onclick="" rel="noreferrer" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="mo-icon__svg h-4 w-4" preserveAspectRatio="xMidYMid meet" viewBox="0 0 200 200" version="1.1" xml:space="preserve">
  <!-- <style type="text/css">
    .st4{fill:#EF4538;}
  </style> -->
  <title>pinterest</title>
  <g id="icon_pinterest">
    <path class="st4" d="M103.4,1.7C10.8,1.7,2.9,100.9,46.2,120c4.5,2,3.9-0.4,7.7-15.1c0.3-1.2,0.1-2.3-0.8-3.4 c-22.3-25.8-4.4-78.9,47.1-78.9c74.5,0,60.6,103,13,103c-12.3,0-21.4-9.6-18.5-21.5C98.1,89.9,105,74.6,105,64.4 c0-25.8-38.4-22-38.4,12.2c0,10.6,3.7,17.7,3.7,17.7S58,144.2,55.7,153.5c-2.6,10.7-1.3,50.2,3.3,44.1c1.2-1.6,16.2-22.9,20.3-38.3 c1.5-5.6,7.8-28.4,7.8-28.4c4.1,7.4,16,13.7,28.6,13.7c37.6,0,64.8-33.1,64.8-74.1C180.4,31.2,146.7,1.7,103.4,1.7L103.4,1.7z"></path>
  </g>
</svg>

</a>
</li>

</ul>
</div>
</div>
</section>
<div class="footer-copyright bg-off_black py-4 m-auto w-11/12">
<div class="flex flex-col md:flex-row items-center justify-between text-sm text-cool_gray">
<div class="footer-copyright--copy text-xs mb-1 md:mb-0">
2026
© Wantable.com
</div>
<div class="flex flex-col sm:flex-row items-center text-center">
<a class="text-xs px-4 m-1 md:m-0 hover:underline underline-offset-2 decoration-mint" href="http://blog.wantable.com/privacy-policy/">Privacy Policy</a>
<a class="text-xs px-4 sm:border-l border-cool_gray m-1 md:m-0 hover:underline underline-offset-2 decoration-mint" href="http://blog.wantable.com/terms-and-conditions/">Terms &amp; Conditions</a>
<a class="text-xs px-4 sm:border-l border-cool_gray m-1 md:m-0 hover:underline underline-offset-2 decoration-mint" href="http://blog.wantable.com/accessibility-statement/">Accessibility</a>
<a aria-label="tracking consent" class="tracking-consent text-xs px-4 cursor-pointer sm:border-l border-cool_gray m-1 md:m-0 hover:underline underline-offset-2 decoration-mint" href="javascript:Didomi.preferences.show()">
Do Not Sell My Personal Information
</a>
</div>
</div>
<button aria-label="Userway Accesibility" class="absolute right-[20px] bottom-[16px]" id="userway_footer" tabindex="0">
<svg width="35px" height="35px" viewBox="0 0 35 35" version="1.1">
  <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
    <path class="mini-widget_fill__e5foiie" fill="#E8E7E3" d="M24.8384449,13.123817 C25.0150402,13.0883074 25.1972576,13.093066 25.3717852,13.1377119 C25.5459585,13.1822493 25.7080944,13.2654493 25.8465773,13.3811816 C25.9844373,13.4964514 26.0952331,13.641082 26.1711216,13.8046245 C26.246723,13.9675482 26.2857143,14.1453448 26.2857143,14.3339484 C26.2798022,14.6264509 26.1736317,14.9080184 25.9850623,15.1303845 C25.7955359,15.3538791 25.5345503,15.5036214 25.2521874,15.5523408 C23.5306693,15.871353 21.79203,16.0867986 20.0468815,16.1974659 C19.9371268,16.204821 19.8299186,16.234837 19.7316402,16.2858208 C19.6329767,16.3369587 19.545403,16.408117 19.4742289,16.4951225 C19.4027488,16.5825021 19.349358,16.6840379 19.3174637,16.7933833 C19.3014938,16.8482011 19.2910613,16.9044475 19.2860211,16.9549572 L19.2824869,17.0255238 L19.2892305,17.1347169 L19.436766,18.4748318 C19.6210246,20.1238086 19.959813,21.7504679 20.4470467,23.3293732 L20.6367058,23.9191745 L20.8415253,24.5082219 L21.7941323,27.0989154 C21.8494214,27.2504569 21.8743842,27.4115283 21.8676091,27.5728398 C21.8608313,27.7342168 21.8224232,27.8926459 21.7545188,28.0390356 C21.6864753,28.1856548 21.5901819,28.3172006 21.4711715,28.4259501 C21.3517986,28.5350237 21.211936,28.6188909 21.0756836,28.6666025 C20.9402526,28.7205418 20.7960992,28.7488319 20.6389879,28.75 C20.4046724,28.7456426 20.1767863,28.6723624 19.9832125,28.5393771 C19.8749724,28.4650431 19.7798089,28.3736714 19.694933,28.2578403 L19.6133832,28.1335812 L19.5556774,28.0182992 L19.3124522,27.4898038 C18.6546007,26.051805 18.0538404,24.6428352 17.5057528,23.2469665 L17.2519145,22.5880826 L16.9242469,23.4367063 C16.7442825,23.8921435 16.5598773,24.3463206 16.3711464,24.7989662 L16.0848204,25.4767519 L15.6433546,26.4886774 L15.1883656,27.4927208 L14.9709428,27.9393116 C14.8587976,28.2431723 14.6318152,28.4899712 14.3393402,28.6249994 C14.0455819,28.76062 13.7104182,28.7720743 13.4083607,28.6567418 C13.1073719,28.5418882 12.8643289,28.3108489 12.732228,28.0150769 C12.6412441,27.8113653 12.6075937,27.5874931 12.637277,27.3522645 L12.6627351,27.209835 L12.7011878,27.0834232 L13.6527041,24.495544 C14.2170111,22.9385464 14.63197,21.3303567 14.8916824,19.6969397 L14.9817858,19.0832764 L15.0583162,18.4592047 L15.2109243,17.1259241 C15.224592,17.0115213 15.2152277,16.8954659 15.1834562,16.7850231 C15.1517099,16.6747733 15.0983435,16.5724517 15.0266867,16.4842444 C14.955378,16.3964657 14.8674534,16.3245257 14.7683854,16.2727411 C14.6696636,16.221153 14.5618614,16.1905935 14.4543576,16.1830274 C12.6930171,16.0713838 10.9397479,15.8526503 9.20536477,15.5282699 C9.04788066,15.4993594 8.89775792,15.4390888 8.76363311,15.3510035 C8.62989567,15.2631726 8.51483792,15.1495191 8.42489545,15.016528 C8.33528197,14.8839913 8.27248413,14.7349383 8.24005649,14.5781057 C8.20755016,14.4212976 8.20598886,14.259475 8.23427716,14.1082128 C8.26144886,13.949648 8.31950935,13.7980811 8.40521873,13.6621358 C8.4911527,13.5259447 8.6031895,13.4083623 8.73486832,13.3162633 C8.86691591,13.2239555 9.01598168,13.1593269 9.17331534,13.1262043 C9.33083367,13.0930429 9.49334082,13.0921884 9.64640746,13.1227853 C14.6696828,14.0666334 19.8205192,14.0666334 24.8384449,13.123817 Z M15.0910616,6.65693963 C16.2803962,5.44768791 18.211609,5.44768791 19.4009896,6.65693291 C20.5865505,7.86229437 20.5865505,9.81382574 19.400983,11.0191939 C18.2116038,12.2283839 16.2804013,12.2283839 15.0910748,11.0191939 C13.9054598,9.81383083 13.9054598,7.86228927 15.0910616,6.65693963 Z" fill-rule="nonzero"></path>
    <path class="mini-widget_stroke__e5foiif" stroke="#E8E7E3" d="M17.25,0.731818182 C21.81137,0.731818182 25.9409154,2.58067866 28.9301184,5.56988162 C31.9193213,8.55908459 33.7681818,12.68863 33.7681818,17.25 C33.7681818,21.81137 31.9193213,25.9409154 28.9301184,28.9301184 C25.9409154,31.9193213 21.81137,33.7681818 17.25,33.7681818 C12.68863,33.7681818 8.55908459,31.9193213 5.56988162,28.9301184 C2.58067866,25.9409154 0.731818182,21.81137 0.731818182,17.25 C0.731818182,12.68863 2.58067866,8.55908459 5.56988162,5.56988162 C8.55908459,2.58067866 12.68863,0.731818182 17.25,0.731818182 Z" stroke="#FFFFFF" stroke-width="1.46363636"></path>
  </g>
</svg>

</button>
</div>
</footer>


<turbo-frame id="modal"></turbo-frame>
</body>
<script>
  // https://docs.sentry.io/platforms/javascript/configuration/filtering/
  // getComputedStyle: otBannerSDK
  // crypto.randomUUID: anglerui/dist/analytics/_latest.min.js
  // DY.PersistentSender.get: https://cdn.dynamicyield.com/api/XXXXX/api_static.js
  // postrobot_method: /muse/muse.js
  // yi.version: /s/0.7.45/clarity.js
  // 'Unhandled Promise Rejection: timeout': api_static.js
  // r.DomainData: otBannerSdk
  window.sentryOnLoad = function () {
    const assetPathPrefix = 'https://www.wantable.com/assets';
    Sentry.init({
      environment: "production",
      release: "v3270",
      replaysSessionSampleRate: 0,
      replaysOnErrorSampleRate: 0,
      tracesSampleRate: 0.5,
      allowUrls: [/www.wantable.com/],
      ignoreErrors: [
        'getComputedStyle',
        'crypto.randomUUID',
        'DY.PersistentSender.get',
        'DY.PersistentSender.onFlush',
        'postrobot_method',
        'yi.version',
        'Unhandled Promise Rejection: timeout',
        'r.DomainData'
      ],
      beforeSend(event, hint) {
        if (false) return null;
  
        if (event && event.exception && event.exception.values) {
          const isWantableError = event.exception.values.some((error) => {
            if (error.stacktrace && error.stacktrace.frames && error.stacktrace.frames.length > 0) {
              // if the frame has either a column number or a line number
              // and the file name starts with a locally hosted path
              return error.stacktrace.frames.some((frame) => (
                  (frame.colno >= 0 || frame.lineno >= 0) &&
                  String(frame.filename).startsWith(assetPathPrefix)
                )
              )
            }
          })
  
          return isWantableError ? event : null;
        } else {
          return event
        }
      }
    });
  
    Sentry.setUser(null)
  };
  
  // If the w3 resources haven't been loaded after 10s, send a sentry event including the user that is having issues.
  // Only run this on page load, not turbo page navs
  if (typeof window.w3ResourceLoadCheck === 'undefined') {
    window.w3ResourceLoadCheck = true
    window.w3ResourcesLoaded = false
    if(!window.w3LoadedResources)
      window.w3LoadedResources = {}
  
    setTimeout(function() {
      if(!window.w3ResourcesLoaded) {
        window.dispatchEvent(new CustomEvent('w3-resource-load-fail'))
      }
    }, 10000)
  
    window.handler = function(e) {
      const importMap = JSON.parse(document.querySelector("script[type=importmap]").innerHTML)
      const filesImported = Object.keys(importMap.imports)
  
      Sentry.captureMessage(
        "JS resources failed to load.",
        { extra: { importMap: filesImported, loadedJs: window.w3LoadedResources } }
      )
    }
    window.addEventListener("w3-resource-load-fail", window.handler)
  }
</script>
<script src="https://js.sentry-cdn.com/ece139fb139d4aefaaeacac6dc8e8d90.min.js" crossorigin="anonymous" defer="defer"></script>
<script src="https://chat.siena.cx/dist/webchat.js?appKey=ab8bb181-9502-4eaf-8bb1-36ce5c918311" defer="defer"></script>


</html>
