<!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="z83ykZbtD_dZLLCf26pqKXRIfBFBXdqquLE9IhTzsly1QQz8a-clumx2I8NdvdMBqJ-9CiwX1H4YPIGQ6ndXNw" />
<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">



<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/athleisure-active-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/athleisure-active-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/hc/en-us/categories/360000806971-FAQ","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/hc/en-us/articles/360027664672-How-it-works"},{"@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/hc/en-us/articles/360015343812-How-do-I-change-the-frequency-of-my-automatic-shipments"},{"@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/hc/en-us/articles/360015535311-How-do-I-checkout"},{"@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/hc/en-us/articles/360015535351-What-if-I-can-t-return-my-Edit-within-5-days"}]}]}
</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"};
  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/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/notify_toggle_controller": "/assets/controllers/checkout/notify_toggle_controller-6731de04b4d6b9c352e53334f856a29b0466eba4eecc40b9be073b2e6d205d71.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-b753f22aff8bf14525bdff21f1342dec11db41ecc2759adf962137585af966da.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/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-c0e8d7ac8b464e4437fa68503e45607ff6263a3b60acd3fe9ac24140caa6182f.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-3d98d5e69677400bbe624f20324be03aa9599695241b57aed8317568e3c5334e.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-44bdf9add01d62cdeb98a1b1437b1d39cda3658d97853cbbcfcc27478ef27185.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-af022f01fc3b6f01294efc5cedeebe4bbd66de5456c3c94c89db0b04e72ae5af.js",
    "controllers/stream/variant_feedback_controller": "/assets/controllers/stream/variant_feedback_controller-ccc57de7efc5d116fb3ec1bd3872ab02b4a35d0f013570f183bd70d42e343b88.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-1330a49430673cf39cdf46683e4e6739884e7cedc623aa5200237cf9a91eaec5.css" media="print" onload="this.media=&#39;all&#39;" rel="stylesheet">
<noscript>
<link rel="stylesheet" href="/assets/tailwind-1330a49430673cf39cdf46683e4e6739884e7cedc623aa5200237cf9a91eaec5.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://wantable.zendesk.com/hc/en-us/">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] md: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%2Fathleisure-active-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 md:block" data-header--header-scroll-target="header" data-nav-is-featured-nav-enabled-value="false">
<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-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%2Fathleisure-active-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/back-to-school-style-edit">Back to School
</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>
<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/hamptons-weekend-style-edit">Hamptons Weekend
</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/european-summer-style-edit">European Summer
</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/coastal-club-style-edit">Coastal Club
</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/pajama-sets-sleep-body-edit">Pajama Sets
</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/back-to-school-style-edit"><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/r6uiuf5jqcqbkjfa10qw.jpg" class="absolute inset-0 w-full h-full object-cover group-hover:opacity-80 transition-src" alt="Back to School Style Edit" 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">
Back to School<br>Style Edit
</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-gift-2025">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-gift-2025">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-gift-2025">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-edit-gift-2025">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/back-to-school-style-edit"><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/v1755886024/website/page-home/2025/1x1_Cozytober_Style_MobileHeader_v2.jpg" class="absolute inset-0 w-full h-full object-cover group-hover:opacity-80 transition-src" alt="COZYTOBER Style Edit" 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">
<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%2Fathleisure-active-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 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 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/back-to-school-style-edit">Back to School
</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>
<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/hamptons-weekend-style-edit">Hamptons Weekend
</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/european-summer-style-edit">European Summer
</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/coastal-club-style-edit">Coastal Club
</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/pajama-sets-sleep-body-edit">Pajama Sets
</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/back-to-school-style-edit"><img alt="Back to School Style Edit" 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/r6uiuf5jqcqbkjfa10qw.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">
Back to School<br>Style Edit
</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>
<a target="_self" class="flex w-full py-4 px-3 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 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 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 border-b border-off_black/20 " data-turbo="false" href="/sign-in/?user_return_to=%2Fstream%2Fathleisure-active-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 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 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="https://wantable.zendesk.com/hc/en-us/#:~:text=Contact%20Us">Contact Us</a>
<a class="py-2" target="_self" data-turbo="false" href="https://wantable.zendesk.com/hc/en-us/categories/360000806971-FAQ">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://wantable.zendesk.com/hc/en-us/sections/360001886751-Shipping">Shipping &amp; Delivery</a>
<a class="py-2" target="_self" data-turbo="false" href="https://wantable.zendesk.com/hc/en-us/sections/360001887552-Returns-Exchanges">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 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="513721" id="variant_513721">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="513721" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-513721">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="513723" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-513723"><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="583021" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-583021"><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="549130" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-549130">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="557747" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-557747">
</turbo-frame></div>
<div class="" data-color-id="513721" 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_513721_stream_master-1752539559.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_513721_stream_master-1752539559.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_513721_stream_master-1752539559.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_513721_stream-1752539603.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_513721_stream-1752539603.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_513721_stream-1752539603.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_513721_stream-1752181428.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_513721_stream-1752181428.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_513721_stream-1752181428.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_513721_stream-1752539595.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_513721_stream-1752539595.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_513721_stream-1752539595.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/25766/product_details/513721/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="513723" 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_513723_stream_master-1720465725.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_513723_stream_master-1720465725.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_513723_stream_master-1720465725.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_513723_stream_master-1720465690.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_513723_stream_master-1720465690.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_513723_stream_master-1720465690.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_513723_stream_master-1720465689.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_513723_stream_master-1720465689.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_513723_stream_master-1720465689.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_513723_stream_master-1720465676.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_513723_stream_master-1720465676.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_513723_stream_master-1720465676.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/25766/product_details/513723/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="583021" 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_583021_stream_master-1785780168.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_583021_stream_master-1785780168.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_583021_stream_master-1785780168.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_583021_stream_master-1785780165.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_583021_stream_master-1785780165.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_583021_stream_master-1785780165.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_583021_stream_master-1785780163.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_583021_stream_master-1785780163.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_583021_stream_master-1785780163.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_583021_stream_master-1785780158.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_583021_stream_master-1785780158.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_583021_stream_master-1785780158.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/25766/product_details/583021/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="549130" 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_549130_stream_master-1754949786.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_549130_stream_master-1754949786.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_549130_stream_master-1754949786.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_549130_stream_master-1754949779.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_549130_stream_master-1754949779.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_549130_stream_master-1754949779.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_549130_stream_master-1754949770.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_549130_stream_master-1754949770.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_549130_stream_master-1754949770.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_549130_stream_master-1754949761.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_549130_stream_master-1754949761.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_549130_stream_master-1754949761.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_549130_stream-1781555615.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_549130_stream-1781555615.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_549130_stream-1781555615.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/25766/product_details/549130/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="557747" 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_557747_stream_master-1756402429.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_557747_stream_master-1756402429.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_557747_stream_master-1756402429.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_557747_stream_master-1756402425-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_557747_stream_master-1756402425-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_557747_stream_master-1756402425-1.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_557747_stream-1756402469.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_557747_stream-1756402469.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_557747_stream-1756402469.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_557747_stream_master-1756402425.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_557747_stream_master-1756402425.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_557747_stream_master-1756402425.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/25766/product_details/557747/">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">
Surplice Wrap Sweater
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
Interval
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="513721" 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">$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="513723" 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</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="583021" 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">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="549130" 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">Turf Green</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$66.75</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="557747" 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">Lavender</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="513721" data-color-name="Heather Grey" data-origin-label="Stream color swatch: Heather 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_513721_swatch_image-1752168781.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="513723" data-color-name="Navy" data-origin-label="Stream color swatch: 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_513723_swatch_image-1720465678.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="583021" data-color-name="Walnut" data-origin-label="Stream color swatch: Walnut" 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="549130" data-color-name="Turf Green" data-origin-label="Stream color swatch: Turf Green" 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_549130_swatch_image-1754946159.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="557747" data-color-name="Lavender" data-origin-label="Stream color swatch: Lavender" 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_557747_swatch_image-1756398792.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="513721" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="513721">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>Softly styled, effortlessly refined. This surplice sweater features a wrap front with a hidden snap closure, finished with a decorative bow at the hip. Pointelle detailing along the sleeves adds just the right amount of texture - a thoughtful layer for cozy moments and quiet presence.</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>
Candace is
<span>
<span class="font-bold">Height</span>
<span>5&#39; 8&quot;</span>
</span>
<span>
<span class="font-bold">Bust</span>
<span>41&quot;</span>
</span>
<span>
<span class="font-bold">Waist</span>
<span>34&quot;</span>
</span>
<span>
<span class="font-bold">Hips</span>
<span>44&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-513721"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="513721" id="stream--variant-size-frame_size_513721"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="513721" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-513721" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-513721"><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-513721">
</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-value="513724">
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-value="513725">
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-value="513726">
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-value="513727">
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-value="513728">
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-513721" 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-513721 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="513721" data-stream--action-button-route-value="/stream/25766/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-513721 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="513721" data-stream--action-button-route-value="/stream/25766/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-513721 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="513721" data-stream--action-button-route-value="/stream/25766/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="513723" id="stream--variant-size-frame_size_513723"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="513723" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-513723" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-513723"><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-513723">
</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-value="513729">
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-value="513730">
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-value="513731">
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-value="513732">
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-value="513733">
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-513723" 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-513723 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="513723" data-stream--action-button-route-value="/stream/25766/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-513723 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="513723" data-stream--action-button-route-value="/stream/25766/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-513723 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="513723" data-stream--action-button-route-value="/stream/25766/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="583021" id="stream--variant-size-frame_size_583021"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="583021" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-583021" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-583021"><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-583021">
</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-value="583022">
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-value="583023">
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-value="583024">
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-value="583025">
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-value="583026">
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-583021" 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-583021 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="583021" data-stream--action-button-route-value="/stream/25766/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-583021 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="583021" data-stream--action-button-route-value="/stream/25766/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-583021 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="583021" data-stream--action-button-route-value="/stream/25766/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="549130" id="stream--variant-size-frame_size_549130"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="549130" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-549130" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-549130"><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-549130">
</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-value="549131">
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-value="549132">
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-value="549133">
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-value="549134">
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-value="549135">
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-549130" 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-549130 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="549130" data-stream--action-button-route-value="/stream/25766/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-549130 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="549130" data-stream--action-button-route-value="/stream/25766/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-549130 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="549130" data-stream--action-button-route-value="/stream/25766/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="557747" id="stream--variant-size-frame_size_557747"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="557747" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-557747" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-557747"><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-557747">
</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-value="557748">
XS
<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" data-value="557749">
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-value="557750">
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-value="557751">
L
<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="XL" data-value="557752">
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-557747" 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-557747 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="557747" data-stream--action-button-route-value="/stream/25766/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-557747 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="557747" data-stream--action-button-route-value="/stream/25766/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-557747 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="557747" data-stream--action-button-route-value="/stream/25766/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="578582" id="variant_578582">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="578582" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-578582">
</turbo-frame></div>
<div class="" data-color-id="578582" 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_578582_stream_master-1783695762.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_578582_stream_master-1783695762.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_578582_stream_master-1783695762.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_578582_stream-1783695764.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_578582_stream-1783695764.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_578582_stream-1783695764.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_578582_stream_master-1783629159.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_578582_stream_master-1783629159.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_578582_stream_master-1783629159.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_578582_stream-1783695760.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_578582_stream-1783695760.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_578582_stream-1783695760.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_578582_stream-1783960373.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_578582_stream-1783960373.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_578582_stream-1783960373.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_578582_stream-1783960367.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_578582_stream-1783960367.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_578582_stream-1783960367.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/25766/product_details/578582/">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">
Replay Graphic Jogger
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
Interval
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="578582" 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">$79.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="578582" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="578582">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 soft reminder to move with intention. These joggers pair an easy drawstring waist and pockets with a sun-inspired graphic that celebrates motion as part of the ritual.</p>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>48.0% RAYON, 47.0% POLYESTER, 5.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 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-578582"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="578582" id="stream--variant-size-frame_size_578582"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="578582" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-578582" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-578582"><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-578582">
</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-value="578583">
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-value="578584">
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-value="578585">
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-value="578586">
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-value="578587">
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-578582" 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-578582 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="578582" data-stream--action-button-route-value="/stream/25766/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-578582 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="578582" data-stream--action-button-route-value="/stream/25766/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-578582 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="578582" data-stream--action-button-route-value="/stream/25766/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="553475" id="variant_553475">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="553475" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-553475">
</turbo-frame></div>
<div class="" data-color-id="553475" 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_553475_stream_master-1744828386.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_553475_stream_master-1744828386.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_553475_stream_master-1744828386.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_553475_stream-1745274764.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_553475_stream-1745274764.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_553475_stream-1745274764.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_553475_stream-1744828397.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_553475_stream-1744828397.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_553475_stream-1744828397.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_553475_stream_master-1744828363.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_553475_stream_master-1744828363.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_553475_stream_master-1744828363.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_553475_stream-1744828372.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_553475_stream-1744828372.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_553475_stream-1744828372.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/25766/product_details/553475/">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">
Spacedye Get Across Tank
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
Beyond Yoga
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="553475" 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">Darkest Night</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>


<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="553475" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="553475">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 workout tank will fit you like a glove! Perfect for an errand or outdoor run, it has a scultping fit and eye-catching strappy back. Made in the USA from stretchy spacedye knit.</p>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>87.0% POLYESTER, 13.0% ELASTANE</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-553475"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="553475" id="stream--variant-size-frame_size_553475"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="553475" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-553475" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-553475"><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-553475">
</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-value="553476">
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-value="553477">
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-value="553478">
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-value="553479">
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-value="553480">
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-553475" 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-553475 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="553475" data-stream--action-button-route-value="/stream/25766/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-553475 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="553475" data-stream--action-button-route-value="/stream/25766/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-553475 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="553475" data-stream--action-button-route-value="/stream/25766/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="553505" id="variant_553505">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="553505" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-553505">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="567358" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-567358">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="169785" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-169785">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="567350" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-567350">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="553499" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-553499">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="472987" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-472987">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="420867" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-420867"><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="421487" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-421487">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="438593" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-438593">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="439931" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-439931">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="456224" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-456224">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="456389" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-456389">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="473093" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-473093"><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="473245" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-473245"><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="484503" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-484503">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="547397" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-547397">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="556833" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-556833">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="548456" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-548456">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="548486" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-548486">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="253325" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-253325"><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="285098" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-285098"><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="419827" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-419827">
</turbo-frame></div>
<div class="" data-color-id="553505" 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_553505_stream_master-1744828379.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_553505_stream_master-1744828379.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_553505_stream_master-1744828379.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_553505_stream-1744828392.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_553505_stream-1744828392.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_553505_stream-1744828392.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_553505_stream-1744828395.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_553505_stream-1744828395.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_553505_stream-1744828395.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/25766/product_details/553505/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="567358" 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_567358_stream_master-1774384409.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_567358_stream_master-1774384409.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_567358_stream_master-1774384409.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_567358_stream-1777304004.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_567358_stream-1777304004.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_567358_stream-1777304004.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_567358_stream_master-1774384372.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_567358_stream_master-1774384372.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_567358_stream_master-1774384372.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_567358_stream_master-1774384369.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_567358_stream_master-1774384369.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_567358_stream_master-1774384369.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/25766/product_details/567358/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="169785" 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/xiaaxxyv1i4ezqyenuao.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/xiaaxxyv1i4ezqyenuao.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/xiaaxxyv1i4ezqyenuao.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/rutzzgbya9miua5dbc5w.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/rutzzgbya9miua5dbc5w.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/rutzzgbya9miua5dbc5w.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/kmbvp9uktxzjc5qzt9hv.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/kmbvp9uktxzjc5qzt9hv.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/kmbvp9uktxzjc5qzt9hv.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/25766/product_details/169785/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="567350" 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_567350_stream_master-1769547801.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_567350_stream_master-1769547801.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_567350_stream_master-1769547801.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_567350_stream_master-1769547789.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_567350_stream_master-1769547789.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_567350_stream_master-1769547789.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_567350_stream-1769547804.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_567350_stream-1769547804.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_567350_stream-1769547804.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/25766/product_details/567350/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="553499" 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_553499_stream_master-1743014050.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_553499_stream_master-1743014050.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_553499_stream_master-1743014050.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_553499_stream_master-1743013988.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_553499_stream_master-1743013988.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_553499_stream_master-1743013988.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_553499_stream_master-1743013982.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_553499_stream_master-1743013982.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_553499_stream_master-1743013982.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_553499_stream-1743014033.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_553499_stream-1743014033.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_553499_stream-1743014033.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/25766/product_details/553499/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="472987" 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_472987_stream_master-1696446030.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_472987_stream_master-1696446030.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_472987_stream_master-1696446030.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_472987_stream-1696446033.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_472987_stream-1696446033.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_472987_stream-1696446033.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_472987_stream-1696446091.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_472987_stream-1696446091.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_472987_stream-1696446091.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_472987_stream-1696446036.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_472987_stream-1696446036.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_472987_stream-1696446036.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/25766/product_details/472987/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="420867" 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_420867_stream_master-1676309552.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_420867_stream_master-1676309552.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_420867_stream_master-1676309552.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_420867_stream-1676309576.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_420867_stream-1676309576.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_420867_stream-1676309576.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_420867_stream-1676309453.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_420867_stream-1676309453.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_420867_stream-1676309453.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_420867_stream-1676309568.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_420867_stream-1676309568.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_420867_stream-1676309568.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/25766/product_details/420867/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="421487" 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_421487_stream_master-1674853276.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_421487_stream_master-1674853276.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_421487_stream_master-1674853276.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_421487_stream-1674853282.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_421487_stream-1674853282.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_421487_stream-1674853282.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_421487_stream_master-1674853237.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_421487_stream_master-1674853237.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_421487_stream_master-1674853237.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_421487_stream-1674853278.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_421487_stream-1674853278.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_421487_stream-1674853278.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/25766/product_details/421487/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="438593" 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_438593_stream_master-1676916153.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_438593_stream_master-1676916153.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_438593_stream_master-1676916153.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_438593_stream-1676916161.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_438593_stream-1676916161.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_438593_stream-1676916161.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_438593_stream_master-1676916085.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_438593_stream_master-1676916085.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_438593_stream_master-1676916085.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_438593_stream-1676916156.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_438593_stream-1676916156.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_438593_stream-1676916156.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/25766/product_details/438593/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="439931" 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_439931_stream_master-1676916125.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_439931_stream_master-1676916125.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_439931_stream_master-1676916125.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_439931_stream-1676916148.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_439931_stream-1676916148.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_439931_stream-1676916148.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_439931_stream_master-1676916080.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_439931_stream_master-1676916080.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_439931_stream_master-1676916080.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_439931_stream-1676916139.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_439931_stream-1676916139.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_439931_stream-1676916139.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/25766/product_details/439931/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="456224" 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_456224_stream_master-1687469432.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_456224_stream_master-1687469432.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_456224_stream_master-1687469432.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_456224_stream-1687469437.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_456224_stream-1687469437.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_456224_stream-1687469437.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_456224_stream-1687469558.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_456224_stream-1687469558.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_456224_stream-1687469558.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_456224_stream-1687469434.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_456224_stream-1687469434.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_456224_stream-1687469434.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/25766/product_details/456224/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="456389" 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_456389_stream_master-1691778651.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_456389_stream_master-1691778651.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_456389_stream_master-1691778651.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_456389_stream-1691778667.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_456389_stream-1691778667.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_456389_stream-1691778667.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_456389_stream-1691778665.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_456389_stream-1691778665.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_456389_stream-1691778665.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_456389_stream-1691778654.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_456389_stream-1691778654.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_456389_stream-1691778654.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_456389_stream_master-1691100007.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_456389_stream_master-1691100007.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_456389_stream_master-1691100007.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_456389_stream-1691100042.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_456389_stream-1691100042.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_456389_stream-1691100042.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_456389_stream-1691100009.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_456389_stream-1691100009.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_456389_stream-1691100009.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/25766/product_details/456389/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="473093" 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_473093_stream_master-1699034434.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_473093_stream_master-1699034434.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_473093_stream_master-1699034434.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_473093_stream-1699034444.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_473093_stream-1699034444.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_473093_stream-1699034444.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_473093_stream-1699034513.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_473093_stream-1699034513.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_473093_stream-1699034513.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_473093_stream-1699034440.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_473093_stream-1699034440.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_473093_stream-1699034440.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/25766/product_details/473093/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="473245" 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_473245_stream_master-1688581821.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_473245_stream_master-1688581821.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_473245_stream_master-1688581821.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_473245_stream_master-1688581818.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_473245_stream_master-1688581818.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_473245_stream_master-1688581818.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_473245_stream-1688581824.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_473245_stream-1688581824.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_473245_stream-1688581824.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/25766/product_details/473245/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="484503" 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_484503_stream_master-1694197875.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_484503_stream_master-1694197875.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_484503_stream_master-1694197875.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_484503_stream-1694197872.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_484503_stream-1694197872.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_484503_stream-1694197872.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_484503_stream-1694197969.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_484503_stream-1694197969.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_484503_stream-1694197969.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_484503_stream-1694197869.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_484503_stream-1694197869.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_484503_stream-1694197869.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/25766/product_details/484503/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="547397" 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_547397_stream-1738954966.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_547397_stream-1738954966.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_547397_stream-1738954966.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_547397_stream_master-1738954962.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_547397_stream_master-1738954962.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_547397_stream_master-1738954962.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_547397_stream_master-1738954965.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_547397_stream_master-1738954965.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_547397_stream_master-1738954965.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_547397_stream-1738954969.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_547397_stream-1738954969.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_547397_stream-1738954969.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_547397_stream_master-1738954958.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_547397_stream_master-1738954958.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_547397_stream_master-1738954958.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/25766/product_details/547397/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="556833" 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_556833_stream_master-1756859604.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_556833_stream_master-1756859604.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_556833_stream_master-1756859604.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_556833_stream_master-1756859575.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_556833_stream_master-1756859575.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_556833_stream_master-1756859575.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_556833_stream-1756859589.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_556833_stream-1756859589.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_556833_stream-1756859589.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/25766/product_details/556833/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="548456" 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_548456_stream_master-1747927987-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_548456_stream_master-1747927987-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_548456_stream_master-1747927987-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_548456_stream_master-1747927987.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_548456_stream_master-1747927987.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_548456_stream_master-1747927987.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_548456_stream_master-1747927984.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_548456_stream_master-1747927984.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_548456_stream_master-1747927984.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_548456_stream_master-1747927965.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_548456_stream_master-1747927965.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_548456_stream_master-1747927965.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/25766/product_details/548456/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="548486" 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_548486_stream_master-1747927978.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_548486_stream_master-1747927978.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_548486_stream_master-1747927978.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_548486_stream-1747927985-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_548486_stream-1747927985-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_548486_stream-1747927985-1.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_548486_stream-1747927984.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_548486_stream-1747927984.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_548486_stream-1747927984.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_548486_stream-1747927985.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_548486_stream-1747927985.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_548486_stream-1747927985.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_548486_stream_master-1747927963.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_548486_stream_master-1747927963.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_548486_stream_master-1747927963.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/25766/product_details/548486/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="253325" 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/hdah8kqfdpz1cl7nt7hc.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/hdah8kqfdpz1cl7nt7hc.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/hdah8kqfdpz1cl7nt7hc.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/25766/product_details/253325/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="285098" 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_285098_stream_master-1637273047.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_285098_stream_master-1637273047.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_285098_stream_master-1637273047.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/25766/product_details/285098/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="419827" 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_419827_stream_master-1676309598.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_419827_stream_master-1676309598.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_419827_stream_master-1676309598.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_419827_stream-1676309608.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_419827_stream-1676309608.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_419827_stream-1676309608.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_419827_stream_master-1676309458.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_419827_stream_master-1676309458.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_419827_stream_master-1676309458.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_419827_stream-1676309587.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_419827_stream-1676309587.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_419827_stream-1676309587.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/25766/product_details/419827/">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">
Spacedye Out Of Pocket High Waisted Midi Legging
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
Beyond Yoga
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="553505" 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">Darkest Night</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="567358" 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">Teal Sea Heather</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$108.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="169785" 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">Darkest Night</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="567350" 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">Wildflower Blue Heather</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$81.00</p><div class="line-through ml-2 text-off_black/65">$108.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="553499" 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">Summer Thyme Green</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$74.25</p><div class="line-through ml-2 text-off_black/65">$99.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="472987" 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">Blue Gem Heather</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="420867" 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">Woodland Heather</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="421487" 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">Blue Glow Heather</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$74.25</p><div class="line-through ml-2 text-off_black/65">$99.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="438593" 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">Paradise Coral Heather</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="439931" 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">Flower Blue Heather</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="456224" 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">Ultra Violet Heather</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="456389" 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">Lunar Teal Heather</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="473093" 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">Midnight Green Heather</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="473245" 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">Nocturnal Navy</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="484503" 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">Sienna Brown</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$74.25</p><div class="line-through ml-2 text-off_black/65">$99.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="547397" 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">Eternal Blue Heather</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="556833" 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">Eggplant Purple Heather</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="548456" 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">Army Green Heather</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$74.25</p><div class="line-through ml-2 text-off_black/65">$99.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="548486" 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">True Gray Heather</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="253325" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
</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="285098" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
</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="419827" 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 Charcoal</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="553505" data-color-name="Darkest Night" data-origin-label="Stream color swatch: Darkest Night" 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_553505_swatch_image-1744828384.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="567358" data-color-name="Teal Sea Heather" data-origin-label="Stream color swatch: Teal Sea Heather" data-stream--color-panel-target="swatch" style="background-color: #6A8F5B;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="169785" data-color-name="Darkest Night" data-origin-label="Stream color swatch: Darkest Night" data-stream--color-panel-target="swatch" style="background-color: #000000;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="567350" data-color-name="Wildflower Blue Heather" data-origin-label="Stream color swatch: Wildflower Blue Heather" 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="553499" data-color-name="Summer Thyme Green" data-origin-label="Stream color swatch: Summer Thyme Green" 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_553499_swatch_image-1743010377.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="472987" data-color-name="Blue Gem Heather" data-origin-label="Stream color swatch: Blue Gem Heather" 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_472987_swatch_image-1696435232.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="420867" data-color-name="Woodland Heather" data-origin-label="Stream color swatch: Woodland Heather" 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_420867_swatch_image-1676305860.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="421487" data-color-name="Blue Glow Heather" data-origin-label="Stream color swatch: Blue Glow Heather" 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_421487_swatch_image-1674840671.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="438593" data-color-name="Paradise Coral Heather" data-origin-label="Stream color swatch: Paradise Coral Heather" 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_438593_swatch_image-1676910672.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="439931" data-color-name="Flower Blue Heather" data-origin-label="Stream color swatch: Flower Blue Heather" 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_439931_swatch_image-1676910670.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="456224" data-color-name="Ultra Violet Heather" data-origin-label="Stream color swatch: Ultra Violet Heather" data-stream--color-panel-target="swatch extraSwatch" hidden style="background-image: url(&#39;https://cl.wantable.com/image/upload/c_fill,h_48,q_auto,w_48/v1/production/wantable/images/Variant_456224_swatch_image-1693431019.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="456389" data-color-name="Lunar Teal Heather" data-origin-label="Stream color swatch: Lunar Teal Heather" data-stream--color-panel-target="swatch extraSwatch" hidden style="background-image: url(&#39;https://cl.wantable.com/image/upload/c_fill,h_48,q_auto,w_48/v1/production/wantable/images/Variant_456389_swatch_image-1691775008.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="473093" data-color-name="Midnight Green Heather" data-origin-label="Stream color swatch: Midnight Green Heather" data-stream--color-panel-target="swatch extraSwatch" hidden style="background-image: url(&#39;https://cl.wantable.com/image/upload/c_fill,h_48,q_auto,w_48/v1/production/wantable/images/Variant_473093_swatch_image-1699030816.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="473245" data-color-name="Nocturnal Navy" data-origin-label="Stream color swatch: Nocturnal Navy" data-stream--color-panel-target="swatch extraSwatch" hidden style="background-color: #5D7FBF;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="484503" data-color-name="Sienna Brown" data-origin-label="Stream color swatch: Sienna Brown" data-stream--color-panel-target="swatch extraSwatch" hidden style="background-image: url(&#39;https://cl.wantable.com/image/upload/c_fill,h_48,q_auto,w_48/v1/production/wantable/images/Variant_484503_swatch_image-1694196030.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="547397" data-color-name="Eternal Blue Heather" data-origin-label="Stream color swatch: Eternal Blue Heather" data-stream--color-panel-target="swatch extraSwatch" hidden style="background-image: url(&#39;https://cl.wantable.com/image/upload/c_fill,h_48,q_auto,w_48/v1/production/wantable/images/Variant_547397_swatch_image-1738954967.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="556833" data-color-name="Eggplant Purple Heather" data-origin-label="Stream color swatch: Eggplant Purple Heather" data-stream--color-panel-target="swatch extraSwatch" hidden style="background-image: url(&#39;https://cl.wantable.com/image/upload/c_fill,h_48,q_auto,w_48/v1/production/wantable/images/Variant_556833_swatch_image-1756859568.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="548456" data-color-name="Army Green Heather" data-origin-label="Stream color swatch: Army Green Heather" data-stream--color-panel-target="swatch extraSwatch" hidden style="background-image: url(&#39;https://cl.wantable.com/image/upload/c_fill,h_48,q_auto,w_48/v1/production/wantable/images/Variant_548456_swatch_image-1747927975.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="548486" data-color-name="True Gray Heather" data-origin-label="Stream color swatch: True Gray Heather" data-stream--color-panel-target="swatch extraSwatch" hidden style="background-image: url(&#39;https://cl.wantable.com/image/upload/c_fill,h_48,q_auto,w_48/v1/production/wantable/images/Variant_548486_swatch_image-1747927987.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="253325" data-origin-label="Stream color swatch: " data-stream--color-panel-target="swatch extraSwatch" hidden style="background-color: #9B6B43;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="285098" data-origin-label="Stream color swatch: " data-stream--color-panel-target="swatch extraSwatch" hidden style="background-color: #000000;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="419827" data-color-name="Black Charcoal" data-origin-label="Stream color swatch: Black Charcoal" data-stream--color-panel-target="swatch extraSwatch" hidden style="background-image: url(&#39;https://cl.wantable.com/image/upload/c_fill,h_48,q_auto,w_48/v1/production/wantable/images/Variant_419827_swatch_image-1676305868.jpg&#39;); background-size: cover;" type="button"></button>
<button class="h-6 text-xs font-semibold text-off_black px-1 border border-off_black" data-action="stream--color-panel#toggleSwatches" data-less-label="Show less" data-more-label="+12" data-stream--color-panel-target="swatchToggle" type="button">
+12
</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="553505" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="553505">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 7/8 leggings have two phone pockets so you can keep the selfies coming! Featuring a flattering high waist with two pockets. Made in the USA with a buttery-soft spacedye fabric.</p>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>87.0% POLYESTER, 13.0% ELASTANE</p>
<h6 class="font-bold mt-4 mb-2">Model Info</h6>
<p>
<span>
Dominique is
<span>
<span class="font-bold">Height</span>
<span>5&#39; 10&quot;</span>
</span>
<span>
<span class="font-bold">Bust</span>
<span>34&quot;</span>
</span>
<span>
<span class="font-bold">Waist</span>
<span>27&quot;</span>
</span>
<span>
<span class="font-bold">Hips</span>
<span>39&quot;</span>
</span>
<span>
<span class="font-bold">Wearing Size</span>
<span>S</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-553505"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="553505" id="stream--variant-size-frame_size_553505"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="553505" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-553505" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-553505"><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-553505">
</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-value="553506">
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-value="553507">
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-value="553508">
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-value="553509">
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-value="553510">
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-553505" 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-553505 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="553505" data-stream--action-button-route-value="/stream/25766/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-553505 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="553505" data-stream--action-button-route-value="/stream/25766/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-553505 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="553505" data-stream--action-button-route-value="/stream/25766/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="567358" id="stream--variant-size-frame_size_567358"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="567358" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-567358" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-567358"><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-567358">
</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-value="567359">
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-value="567360">
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-value="567361">
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-value="567362">
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-value="567363">
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-567358" 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-567358 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="567358" data-stream--action-button-route-value="/stream/25766/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-567358 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="567358" data-stream--action-button-route-value="/stream/25766/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-567358 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="567358" data-stream--action-button-route-value="/stream/25766/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="169785" id="stream--variant-size-frame_size_169785"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="169785" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-169785" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-169785"><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-169785">
</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-value="169786">
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-value="169787">
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-value="169788">
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-value="169789">
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-value="169790">
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-169785" 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-169785 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="169785" data-stream--action-button-route-value="/stream/25766/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-169785 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="169785" data-stream--action-button-route-value="/stream/25766/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-169785 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="169785" data-stream--action-button-route-value="/stream/25766/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="567350" id="stream--variant-size-frame_size_567350"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="567350" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-567350" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-567350"><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-567350">
</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-value="567351">
XS
<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" data-value="567352">
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-value="567353">
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-value="567354">
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-value="567355">
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-567350" 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-567350 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="567350" data-stream--action-button-route-value="/stream/25766/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-567350 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="567350" data-stream--action-button-route-value="/stream/25766/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-567350 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="567350" data-stream--action-button-route-value="/stream/25766/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="553499" id="stream--variant-size-frame_size_553499"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="553499" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-553499" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-553499"><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-553499">
</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-value="553500">
XS
<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" data-value="553501">
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-value="553502">
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-value="553503">
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-value="553504">
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-553499" 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-553499 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="553499" data-stream--action-button-route-value="/stream/25766/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-553499 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="553499" data-stream--action-button-route-value="/stream/25766/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-553499 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="553499" data-stream--action-button-route-value="/stream/25766/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="472987" id="stream--variant-size-frame_size_472987"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="472987" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-472987" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-472987"><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-472987">
</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-value="472988">
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-value="472989">
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-value="472990">
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-value="472991">
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 text-off_black/40 cursor-default" data-action="" data-components--custom-select-target="" data-label="XL" data-value="472992">
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-472987" 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-472987 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="472987" data-stream--action-button-route-value="/stream/25766/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-472987 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="472987" data-stream--action-button-route-value="/stream/25766/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-472987 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="472987" data-stream--action-button-route-value="/stream/25766/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="420867" id="stream--variant-size-frame_size_420867"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="420867" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-420867" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-420867"><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-420867">
</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-value="420868">
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-value="420869">
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-value="420870">
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-value="420871">
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-value="420872">
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-420867" 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-420867 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="420867" data-stream--action-button-route-value="/stream/25766/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-420867 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="420867" data-stream--action-button-route-value="/stream/25766/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-420867 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="420867" data-stream--action-button-route-value="/stream/25766/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="421487" id="stream--variant-size-frame_size_421487"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="421487" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-421487" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-421487"><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-421487">
</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-value="421488">
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-value="421489">
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-value="421490">
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-value="421491">
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-value="421492">
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-421487" 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-421487 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="421487" data-stream--action-button-route-value="/stream/25766/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-421487 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="421487" data-stream--action-button-route-value="/stream/25766/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-421487 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="421487" data-stream--action-button-route-value="/stream/25766/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="438593" id="stream--variant-size-frame_size_438593"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="438593" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-438593" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-438593"><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-438593">
</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-value="438594">
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-value="438595">
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-value="438596">
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-value="438597">
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-value="438598">
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-438593" 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-438593 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="438593" data-stream--action-button-route-value="/stream/25766/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-438593 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="438593" data-stream--action-button-route-value="/stream/25766/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-438593 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="438593" data-stream--action-button-route-value="/stream/25766/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="439931" id="stream--variant-size-frame_size_439931"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="439931" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-439931" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-439931"><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-439931">
</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-value="439932">
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-value="439933">
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-value="439934">
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-value="439935">
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-value="439936">
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-439931" 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-439931 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="439931" data-stream--action-button-route-value="/stream/25766/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-439931 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="439931" data-stream--action-button-route-value="/stream/25766/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-439931 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="439931" data-stream--action-button-route-value="/stream/25766/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="456224" id="stream--variant-size-frame_size_456224"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="456224" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-456224" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-456224"><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-456224">
</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-value="456225">
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-value="456226">
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-value="456227">
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-value="456228">
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-value="456229">
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-456224" 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-456224 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="456224" data-stream--action-button-route-value="/stream/25766/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-456224 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="456224" data-stream--action-button-route-value="/stream/25766/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-456224 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="456224" data-stream--action-button-route-value="/stream/25766/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="456389" id="stream--variant-size-frame_size_456389"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="456389" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-456389" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-456389"><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-456389">
</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-456389" 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-456389 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="456389" data-stream--action-button-route-value="/stream/25766/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-456389 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="456389" data-stream--action-button-route-value="/stream/25766/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-456389 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="456389" data-stream--action-button-route-value="/stream/25766/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="473093" id="stream--variant-size-frame_size_473093"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="473093" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-473093" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-473093"><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-473093">
</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-value="473094">
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-value="473095">
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-value="473096">
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-value="473097">
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-value="473098">
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-473093" 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-473093 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="473093" data-stream--action-button-route-value="/stream/25766/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-473093 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="473093" data-stream--action-button-route-value="/stream/25766/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-473093 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="473093" data-stream--action-button-route-value="/stream/25766/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="473245" id="stream--variant-size-frame_size_473245"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="473245" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-473245" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-473245"><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-473245">
</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-value="473246">
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-value="473247">
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-value="473248">
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-value="473249">
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-value="473250">
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-473245" 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-473245 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="473245" data-stream--action-button-route-value="/stream/25766/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-473245 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="473245" data-stream--action-button-route-value="/stream/25766/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-473245 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="473245" data-stream--action-button-route-value="/stream/25766/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="484503" id="stream--variant-size-frame_size_484503"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="484503" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-484503" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-484503"><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-484503">
</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-value="484504">
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-value="484505">
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-value="484506">
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-value="484507">
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-value="484508">
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-484503" 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-484503 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="484503" data-stream--action-button-route-value="/stream/25766/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-484503 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="484503" data-stream--action-button-route-value="/stream/25766/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-484503 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="484503" data-stream--action-button-route-value="/stream/25766/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="547397" id="stream--variant-size-frame_size_547397"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="547397" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-547397" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-547397"><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-547397">
</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-547397" 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-547397 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="547397" data-stream--action-button-route-value="/stream/25766/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-547397 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="547397" data-stream--action-button-route-value="/stream/25766/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-547397 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="547397" data-stream--action-button-route-value="/stream/25766/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="556833" id="stream--variant-size-frame_size_556833"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="556833" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-556833" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-556833"><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-556833">
</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-556833" 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-556833 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="556833" data-stream--action-button-route-value="/stream/25766/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-556833 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="556833" data-stream--action-button-route-value="/stream/25766/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-556833 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="556833" data-stream--action-button-route-value="/stream/25766/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="548456" id="stream--variant-size-frame_size_548456"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="548456" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-548456" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-548456"><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-548456">
</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-548456" 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-548456 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="548456" data-stream--action-button-route-value="/stream/25766/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-548456 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="548456" data-stream--action-button-route-value="/stream/25766/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-548456 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="548456" data-stream--action-button-route-value="/stream/25766/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="548486" id="stream--variant-size-frame_size_548486"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="548486" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-548486" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-548486"><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-548486">
</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-548486" 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-548486 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="548486" data-stream--action-button-route-value="/stream/25766/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-548486 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="548486" data-stream--action-button-route-value="/stream/25766/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-548486 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="548486" data-stream--action-button-route-value="/stream/25766/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="253325" id="stream--variant-size-frame_size_253325"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="253325" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-253325" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-253325"><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-253325">
</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-value="253326">
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-value="253327">
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-value="253328">
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-value="253329">
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-value="253330">
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-253325" 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-253325 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="253325" data-stream--action-button-route-value="/stream/25766/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-253325 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="253325" data-stream--action-button-route-value="/stream/25766/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-253325 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="253325" data-stream--action-button-route-value="/stream/25766/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="285098" id="stream--variant-size-frame_size_285098"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="285098" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-285098" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-285098"><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-285098">
</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-285098" 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-285098 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="285098" data-stream--action-button-route-value="/stream/25766/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-285098 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="285098" data-stream--action-button-route-value="/stream/25766/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-285098 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="285098" data-stream--action-button-route-value="/stream/25766/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="419827" id="stream--variant-size-frame_size_419827"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="419827" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-419827" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-419827"><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-419827">
</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-value="419828">
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-value="419829">
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-value="419830">
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-value="419831">
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-value="419832">
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-419827" 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-419827 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="419827" data-stream--action-button-route-value="/stream/25766/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-419827 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="419827" data-stream--action-button-route-value="/stream/25766/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-419827 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="419827" data-stream--action-button-route-value="/stream/25766/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="586856" id="variant_586856">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="586856" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-586856"><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="586862" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-586862"><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="586856" 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_586856_stream_master-1785713560.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_586856_stream_master-1785713560.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_586856_stream_master-1785713560.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_586856_stream-1785713568.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_586856_stream-1785713568.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_586856_stream-1785713568.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_586856_stream-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_586856_stream-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_586856_stream-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-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_586856_stream_master-1785713557.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_586856_stream_master-1785713557.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_586856_stream_master-1785713557.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/25766/product_details/586856/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="586862" 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_586862_stream_master-1785252784.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_586862_stream_master-1785252784.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_586862_stream_master-1785252784.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/25766/product_details/586862/">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">
Colorblocked X-Back Bra Tank
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
Thrive Société
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="586856" 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">Mood Indigo</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="586862" 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="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="586856" data-color-name="Mood Indigo" data-origin-label="Stream color swatch: Mood Indigo" 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="586862" 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="586856" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="586856">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>Straps that pop! This color block tank has an inner shelf bra with removable padding and an eye-catching crisscross back. Made sustainably in the USA with ultra-soft and stretchy recycled fabrics. Pair with leggings and get ready to sweat.</p>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>72.0% NYLON, 28.0% LYCRA</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-586856"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="586856" id="stream--variant-size-frame_size_586856"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="586856" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-586856" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-586856"><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-586856">
</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-value="586857">
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-value="586858">
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-value="586859">
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-value="586860">
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-value="586861">
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-586856" 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-586856 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="586856" data-stream--action-button-route-value="/stream/25766/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-586856 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="586856" data-stream--action-button-route-value="/stream/25766/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-586856 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="586856" data-stream--action-button-route-value="/stream/25766/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="586862" id="stream--variant-size-frame_size_586862"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="586862" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-586862" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-586862"><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-586862">
</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-value="586863">
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-value="586864">
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-value="586865">
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-value="586866">
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-value="586867">
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-586862" 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-586862 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="586862" data-stream--action-button-route-value="/stream/25766/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-586862 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="586862" data-stream--action-button-route-value="/stream/25766/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-586862 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="586862" data-stream--action-button-route-value="/stream/25766/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="586824" id="variant_586824">
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="586830" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-586830"><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="586824" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-586824"><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="586830" 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_586830_stream_master-1785252786.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_586830_stream_master-1785252786.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_586830_stream_master-1785252786.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/25766/product_details/586830/">Product Details</a>
</div>

</div>
</div>
<div class="" data-color-id="586824" 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_586824_stream_master-1785715364.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_586824_stream_master-1785715364.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_586824_stream_master-1785715364.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_586824_stream_master-1785715361.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_586824_stream_master-1785715361.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_586824_stream_master-1785715361.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_586824_stream_master-1785715358.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_586824_stream_master-1785715358.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_586824_stream_master-1785715358.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/25766/product_details/586824/">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">
Racing Legging
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
Thrive Société
</p>
<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="586830" 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">$105.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="586824" 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">Mood Indigo</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$105.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="586830" data-color-name="Black" data-origin-label="Stream color swatch: Black" data-stream--color-panel-target="swatch" style="background-color: #000000;" type="button"></button>
<button class="w-6 h-6 border ring-1 ring-off_black" data-action="stream--color-panel#selectColor" data-color-id="586824" data-color-name="Mood Indigo" data-origin-label="Stream color swatch: Mood Indigo" data-stream--color-panel-target="swatch" style="background-color: #5D7FBF;" 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="586824" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="586824">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>Hit the pavement in style with these full length leggings! High waisted with sporty colorblocking and cutout details at the ankle. Made in the USA of a so-soft and stretchy knit.</p>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>72.0% NYLON, 28.0% LYCRA</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-586824"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1 !hidden" data-stream--color-panel-target="sizeForm" data-color-id="586830" id="stream--variant-size-frame_size_586830"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="586830" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-586830" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-586830"><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-586830">
</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-value="586831">
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-value="586832">
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-value="586833">
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-value="586834">
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-value="586835">
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-586830" 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-586830 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="586830" data-stream--action-button-route-value="/stream/25766/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-586830 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="586830" data-stream--action-button-route-value="/stream/25766/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-586830 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="586830" data-stream--action-button-route-value="/stream/25766/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="586824" id="stream--variant-size-frame_size_586824"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="586824" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-586824" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-586824"><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-586824">
</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-value="586825">
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-value="586826">
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-value="586827">
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-value="586828">
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-value="586829">
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-586824" 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-586824 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="586824" data-stream--action-button-route-value="/stream/25766/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-586824 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="586824" data-stream--action-button-route-value="/stream/25766/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-586824 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="586824" data-stream--action-button-route-value="/stream/25766/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="586740" id="variant_586740">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="586740" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-586740"><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="586740" 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_586740_stream_master-1786505567.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_586740_stream_master-1786505567.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_586740_stream_master-1786505567.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/25766/product_details/586740/">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">
Aria 7/8 Length Legging
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
Cream Yoga
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="586740" 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">Sea Glass</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$92.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="586740" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="586740">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>Sweat it out in these sassy 7/8 leggings! Fitted to you with a high-rise waist and two phone pockets. Made of a so-soft and stretchy knit with moisture-wicking properties.</p>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>75.0% NYLON, 25.0% LYCRA</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-586740"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="586740" id="stream--variant-size-frame_size_586740"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="586740" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-586740" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-586740"><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-586740">
</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-value="586741">
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-value="586742">
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-value="586743">
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-value="586744">
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-value="586745">
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-586740" 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-586740 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="586740" data-stream--action-button-route-value="/stream/25766/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-586740 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="586740" data-stream--action-button-route-value="/stream/25766/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-586740 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="586740" data-stream--action-button-route-value="/stream/25766/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="543776" id="variant_543776">
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="513620" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-513620"><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]" data-color-id="543776" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-543776"><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="549100" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-549100">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="556531" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-556531">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="528617" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-528617">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="550227" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-550227">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="515797" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-515797">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="514977" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-514977"><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="!hidden" data-color-id="513620" 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_513620_stream_master-1726254447.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_513620_stream_master-1726254447.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_513620_stream_master-1726254447.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_513620_stream-1726254465.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_513620_stream-1726254465.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_513620_stream-1726254465.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_513620_stream-1726254474.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_513620_stream-1726254474.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_513620_stream-1726254474.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_513620_stream_master-1726254435.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_513620_stream_master-1726254435.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_513620_stream_master-1726254435.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/25766/product_details/513620/">Product Details</a>
</div>

</div>
</div>
<div class="" data-color-id="543776" 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_543776_stream_master-1746045320.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_543776_stream_master-1746045320.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_543776_stream_master-1746045320.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_543776_stream_master-1746045239.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_543776_stream_master-1746045239.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_543776_stream_master-1746045239.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_543776_stream_master-1746045232.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_543776_stream_master-1746045232.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_543776_stream_master-1746045232.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_543776_stream_master-1746045209.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_543776_stream_master-1746045209.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_543776_stream_master-1746045209.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/25766/product_details/543776/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="549100" 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/orpvj9velvxgtlodzto5.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/orpvj9velvxgtlodzto5.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/orpvj9velvxgtlodzto5.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/kgpi3oc2ljdbkigubtzi.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/kgpi3oc2ljdbkigubtzi.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/kgpi3oc2ljdbkigubtzi.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/hrjh2bfivkwctyssfsjq.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/hrjh2bfivkwctyssfsjq.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/hrjh2bfivkwctyssfsjq.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/ew7pifeyrdkfq1eak1hy.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/ew7pifeyrdkfq1eak1hy.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/ew7pifeyrdkfq1eak1hy.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/25766/product_details/549100/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="556531" 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_556531_stream_master-1759203186.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_556531_stream_master-1759203186.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_556531_stream_master-1759203186.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_556531_stream-1759203207.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_556531_stream-1759203207.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_556531_stream-1759203207.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_556531_stream_master-1759203167.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_556531_stream_master-1759203167.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_556531_stream_master-1759203167.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_556531_stream-1759203188.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_556531_stream-1759203188.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_556531_stream-1759203188.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_556531_stream-1781555595.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_556531_stream-1781555595.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_556531_stream-1781555595.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/25766/product_details/556531/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="528617" 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_528617_stream_master-1735938174.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_528617_stream_master-1735938174.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_528617_stream_master-1735938174.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_528617_stream-1735938184.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_528617_stream-1735938184.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_528617_stream-1735938184.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_528617_stream_master-1735938162.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_528617_stream_master-1735938162.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_528617_stream_master-1735938162.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_528617_stream-1735938179.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_528617_stream-1735938179.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_528617_stream-1735938179.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/25766/product_details/528617/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="550227" 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_550227_stream_master-1757610206.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_550227_stream_master-1757610206.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_550227_stream_master-1757610206.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_550227_stream_master-1757610195.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_550227_stream_master-1757610195.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_550227_stream_master-1757610195.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_550227_stream_master-1757610182.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_550227_stream_master-1757610182.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_550227_stream_master-1757610182.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_550227_stream_master-1757610159.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_550227_stream_master-1757610159.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_550227_stream_master-1757610159.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/25766/product_details/550227/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="515797" 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_515797_stream_master-1729717368.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_515797_stream_master-1729717368.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_515797_stream_master-1729717368.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_515797_stream-1729717435.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_515797_stream-1729717435.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_515797_stream-1729717435.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_515797_stream-1729717439.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_515797_stream-1729717439.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_515797_stream-1729717439.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_515797_stream-1729717383.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_515797_stream-1729717383.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_515797_stream-1729717383.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/25766/product_details/515797/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="514977" 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_514977_stream_master-1726265209.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_514977_stream_master-1726265209.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_514977_stream_master-1726265209.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_514977_stream_master-1726254477-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_514977_stream_master-1726254477-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_514977_stream_master-1726254477-1.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_514977_stream_master-1726254477.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_514977_stream_master-1726254477.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_514977_stream_master-1726254477.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_514977_stream_master-1726254445.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_514977_stream_master-1726254445.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_514977_stream_master-1726254445.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/25766/product_details/514977/">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">
Hacci Zip Hoodie
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
Interval
</p>
<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="513620" 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">$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="543776" 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">$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="549100" 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">Moonlight</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$66.75</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="556531" 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 Cherry</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="528617" 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">Teal</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="550227" 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">Dusk</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$66.75</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="515797" 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</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="514977" 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">Rose Brown</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="513620" 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_513620_swatch_image-1726252614.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border ring-1 ring-off_black" data-action="stream--color-panel#selectColor" data-color-id="543776" 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_543776_swatch_image-1746039785.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="549100" data-color-name="Moonlight" data-origin-label="Stream color swatch: Moonlight" 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/f5ahsye1clmhskuhqbvu.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="556531" data-color-name="Black Cherry" data-origin-label="Stream color swatch: Black Cherry" 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_556531_swatch_image-1759195965.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="528617" data-color-name="Teal" data-origin-label="Stream color swatch: Teal" 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_528617_swatch_image-1736215367.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="550227" data-color-name="Dusk" data-origin-label="Stream color swatch: Dusk" 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_550227_swatch_image-1757610199.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="515797" data-color-name="Heather Olive" data-origin-label="Stream color swatch: Heather 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_515797_swatch_image-1735864384.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="514977" data-color-name="Rose Brown" data-origin-label="Stream color swatch: Rose Brown" 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_514977_swatch_image-1726252613.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="543776" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="543776">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>Easy comfort with thoughtful details. Made from ultra-soft hacci fabric, this zip-front hoodie features classic pockets, a drawstring hood, and thumbhole cuffs for that extra touch of coziness. Lightweight and relaxed, it&#39;s the layer you&#39;ll reach for on slow mornings and soft resets alike.</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>
MAJEL is
<span>
<span class="font-bold">Height</span>
<span>5&#39; 9&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>37&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-543776"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1 !hidden" data-stream--color-panel-target="sizeForm" data-color-id="513620" id="stream--variant-size-frame_size_513620"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="513620" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-513620" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-513620"><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-513620">
</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-value="513633">
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-value="513634">
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-value="513635">
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-value="513636">
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-value="513637">
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-513620" 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-513620 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="513620" data-stream--action-button-route-value="/stream/25766/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-513620 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="513620" data-stream--action-button-route-value="/stream/25766/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-513620 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="513620" data-stream--action-button-route-value="/stream/25766/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="543776" id="stream--variant-size-frame_size_543776"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="543776" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-543776" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-543776"><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-543776">
</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-value="543777">
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-value="543778">
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-value="543779">
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-value="543780">
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-value="543781">
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-543776" 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-543776 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="543776" data-stream--action-button-route-value="/stream/25766/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-543776 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="543776" data-stream--action-button-route-value="/stream/25766/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-543776 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="543776" data-stream--action-button-route-value="/stream/25766/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="549100" id="stream--variant-size-frame_size_549100"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="549100" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-549100" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-549100"><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-549100">
</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-value="549101">
XS
<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" data-value="549102">
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-value="549103">
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-value="549104">
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-value="549105">
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-549100" 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-549100 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="549100" data-stream--action-button-route-value="/stream/25766/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-549100 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="549100" data-stream--action-button-route-value="/stream/25766/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-549100 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="549100" data-stream--action-button-route-value="/stream/25766/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="556531" id="stream--variant-size-frame_size_556531"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="556531" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-556531" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-556531"><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-556531">
</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-value="556532">
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-value="556533">
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-value="556534">
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-value="556535">
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-value="556536">
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-556531" 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-556531 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="556531" data-stream--action-button-route-value="/stream/25766/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-556531 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="556531" data-stream--action-button-route-value="/stream/25766/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-556531 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="556531" data-stream--action-button-route-value="/stream/25766/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="528617" id="stream--variant-size-frame_size_528617"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="528617" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-528617" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-528617"><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-528617">
</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-value="528618">
XS
<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" data-value="528619">
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 text-off_black/40 cursor-default" data-action="" data-components--custom-select-target="" data-label="M" data-value="528620">
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-value="528621">
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-value="528622">
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-528617" 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-528617 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="528617" data-stream--action-button-route-value="/stream/25766/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-528617 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="528617" data-stream--action-button-route-value="/stream/25766/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-528617 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="528617" data-stream--action-button-route-value="/stream/25766/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="550227" id="stream--variant-size-frame_size_550227"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="550227" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-550227" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-550227"><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-550227">
</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-value="550228">
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-value="550229">
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-value="550230">
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-value="550231">
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-value="550232">
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-550227" 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-550227 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="550227" data-stream--action-button-route-value="/stream/25766/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-550227 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="550227" data-stream--action-button-route-value="/stream/25766/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-550227 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="550227" data-stream--action-button-route-value="/stream/25766/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="515797" id="stream--variant-size-frame_size_515797"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="515797" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-515797" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-515797"><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-515797">
</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-value="515798">
XS
<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" data-value="515799">
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 text-off_black/40 cursor-default" data-action="" data-components--custom-select-target="" data-label="M" data-value="515800">
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-value="515801">
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-value="515802">
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-515797" 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-515797 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="515797" data-stream--action-button-route-value="/stream/25766/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-515797 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="515797" data-stream--action-button-route-value="/stream/25766/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-515797 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="515797" data-stream--action-button-route-value="/stream/25766/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="514977" id="stream--variant-size-frame_size_514977"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="514977" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-514977" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-514977"><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-514977">
</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-value="514978">
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-value="514979">
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-value="514980">
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-value="514981">
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-value="514982">
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-514977" 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-514977 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="514977" data-stream--action-button-route-value="/stream/25766/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-514977 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="514977" data-stream--action-button-route-value="/stream/25766/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-514977 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="514977" data-stream--action-button-route-value="/stream/25766/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="572756" id="variant_572756">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="572756" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-572756">
</turbo-frame></div>
<div class="" data-color-id="572756" 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_572756_stream_master-1778905955.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_572756_stream_master-1778905955.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_572756_stream_master-1778905955.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_572756_stream-1778905995.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_572756_stream-1778905995.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_572756_stream-1778905995.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_572756_stream-1778905982.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_572756_stream-1778905982.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_572756_stream-1778905982.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_572756_stream-1778905970.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_572756_stream-1778905970.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_572756_stream-1778905970.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/25766/product_details/572756/">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">
Terrain Muscle Tank - Find Joy In The Journey
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
Interval
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="572756" 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">$59.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="572756" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="572756">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>For the detours, daydreams, and coffee stops along the way. This soft triblend tank brings a celestial graphic and a little reminder to enjoy the ride.</p>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>50.0% POLYESTER, 38.0% COTTON, 12.0% RAYON</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-572756"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="572756" id="stream--variant-size-frame_size_572756"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="572756" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-572756" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-572756"><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-572756">
</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-value="572757">
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-value="572758">
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-value="572759">
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-value="572760">
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-value="572761">
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-572756" 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-572756 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="572756" data-stream--action-button-route-value="/stream/25766/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-572756 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="572756" data-stream--action-button-route-value="/stream/25766/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-572756 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="572756" data-stream--action-button-route-value="/stream/25766/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="586800" id="variant_586800">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="586800" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-586800"><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="586800" 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_586800_stream_master-1785252781.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_586800_stream_master-1785252781.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_586800_stream_master-1785252781.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/25766/product_details/586800/">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">
Seamed Jacket
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
Thrive Société
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="586800" 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">$120.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="586800" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="586800">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>Support your sport with this on-trend full zip jacket! Relaxed fit with dropped armholes and a split hem. Made in a so-soft and stretchy knit for all-day comfort.</p>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>86.0% NYLON, 14.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 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-586800"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="586800" id="stream--variant-size-frame_size_586800"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="586800" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-586800" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-586800"><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-586800">
</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-value="586801">
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-value="586802">
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-value="586803">
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-value="586804">
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-value="586805">
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-586800" 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-586800 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="586800" data-stream--action-button-route-value="/stream/25766/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-586800 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="586800" data-stream--action-button-route-value="/stream/25766/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-586800 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="586800" data-stream--action-button-route-value="/stream/25766/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="578656" id="variant_578656">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="578656" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-578656"><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="578656" 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_578656_stream_master-1785875593.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_578656_stream_master-1785875593.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_578656_stream_master-1785875593.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_578656_stream_master-1785875576.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_578656_stream_master-1785875576.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_578656_stream_master-1785875576.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_578656_stream_master-1785875571.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_578656_stream_master-1785875571.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_578656_stream_master-1785875571.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_578656_stream_master-1785875565.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_578656_stream_master-1785875565.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_578656_stream_master-1785875565.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_578656_stream_master-1785875561.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_578656_stream_master-1785875561.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_578656_stream_master-1785875561.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_578656_stream_master-1785875560.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_578656_stream_master-1785875560.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_578656_stream_master-1785875560.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/25766/product_details/578656/">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">
Presto Sweatpant
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
Interval
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="578656" 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">$99.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="578656" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="578656">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>Relaxed, streamlined, and quietly sporty. These color-blocked joggers balance soft comfort with clean contrast panels, an adjustable waist, and pockets for an easy, pulled-together feel.</p>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>48.0% RAYON, 47.0% POLYESTER, 5.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 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-578656"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="578656" id="stream--variant-size-frame_size_578656"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="578656" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-578656" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-578656"><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-578656">
</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-value="578657">
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-value="578658">
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-value="578659">
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-value="578660">
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-value="578661">
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-578656" 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-578656 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="578656" data-stream--action-button-route-value="/stream/25766/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-578656 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="578656" data-stream--action-button-route-value="/stream/25766/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-578656 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="578656" data-stream--action-button-route-value="/stream/25766/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="578638" id="variant_578638">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="578638" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-578638"><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="578638" 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_578638_stream_master-1785875596.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_578638_stream_master-1785875596.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_578638_stream_master-1785875596.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_578638_stream_master-1785875578.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_578638_stream_master-1785875578.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_578638_stream_master-1785875578.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_578638_stream_master-1785875573.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_578638_stream_master-1785875573.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_578638_stream_master-1785875573.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_578638_stream_master-1785875566.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_578638_stream_master-1785875566.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_578638_stream_master-1785875566.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/25766/product_details/578638/">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">
Modal Fleece Presto Zip Hoodie
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
Interval
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="578638" 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">$99.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="578638" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="578638">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 contrast, clean lines, and everyday utility. This zip-up hoodie balances a relaxed silhouette with subtle color-blocking, finished with front pockets and an adjustable hood for considered comfort.</p>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>48.0% RAYON, 47.0% POLYESTER, 5.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 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-578638"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="578638" id="stream--variant-size-frame_size_578638"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="578638" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-578638" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-578638"><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-578638">
</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-value="578639">
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-value="578640">
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-value="578641">
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-value="578642">
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-value="578643">
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-578638" 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-578638 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="578638" data-stream--action-button-route-value="/stream/25766/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-578638 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="578638" data-stream--action-button-route-value="/stream/25766/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-578638 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="578638" data-stream--action-button-route-value="/stream/25766/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="528309" id="variant_528309">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="528309" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-528309"><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="528315" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-528315">
</turbo-frame></div>
<div class="" data-color-id="528309" 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_528309_stream_master-1746045305.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_528309_stream_master-1746045305.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_528309_stream_master-1746045305.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_528309_stream_master-1746045214.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_528309_stream_master-1746045214.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_528309_stream_master-1746045214.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_528309_stream_master-1746045209.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_528309_stream_master-1746045209.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_528309_stream_master-1746045209.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_528309_stream_master-1746045178.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_528309_stream_master-1746045178.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_528309_stream_master-1746045178.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_528309_stream-1783722828.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_528309_stream-1783722828.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_528309_stream-1783722828.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_528309_stream-1783722811.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_528309_stream-1783722811.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_528309_stream-1783722811.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/25766/product_details/528309/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="528315" 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_528315_stream_master-1746567157.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_528315_stream_master-1746567157.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_528315_stream_master-1746567157.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_528315_stream_master-1746045207.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_528315_stream_master-1746045207.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_528315_stream_master-1746045207.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_528315_stream_master-1746045201.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_528315_stream_master-1746045201.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_528315_stream_master-1746045201.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_528315_stream_master-1746045169.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_528315_stream_master-1746045169.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_528315_stream_master-1746045169.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_528315_stream-1783722824.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_528315_stream-1783722824.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_528315_stream-1783722824.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/25766/product_details/528315/">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">
Double Knit Jetset Jogger
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
Interval
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="528309" 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">$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="528315" 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">Sage</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">$79.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="528309" 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_528309_swatch_image-1746039766.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="528315" data-color-name="Sage" data-origin-label="Stream color swatch: Sage" 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_528315_swatch_image-1746039764.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="528309" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="528309">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 joggers just gave you an excuse to wear your activewear all day! Relaxed fit with an elastic waist, two phone pockets and tapered legs. Made of a so-soft and stretchy double knit.</p>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>66.0% POLYESTER, 25.0% MODAL, 9.0% SPANDEX</p>
<h6 class="font-bold mt-4 mb-2">Model Info</h6>
<p>
<span>
MAJEL is
<span>
<span class="font-bold">Height</span>
<span>5&#39; 9&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>37&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-528309"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="528309" id="stream--variant-size-frame_size_528309"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="528309" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-528309" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-528309"><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-528309">
</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-value="528310">
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-value="528311">
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-value="528312">
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-value="528313">
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-value="528314">
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-528309" 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-528309 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="528309" data-stream--action-button-route-value="/stream/25766/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-528309 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="528309" data-stream--action-button-route-value="/stream/25766/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-528309 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="528309" data-stream--action-button-route-value="/stream/25766/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="528315" id="stream--variant-size-frame_size_528315"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="528315" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-528315" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-528315"><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-528315">
</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-528315" 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-528315 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="528315" data-stream--action-button-route-value="/stream/25766/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-528315 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="528315" data-stream--action-button-route-value="/stream/25766/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-528315 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="528315" data-stream--action-button-route-value="/stream/25766/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="578606" id="variant_578606">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="578606" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-578606">
</turbo-frame></div>
<div class="" data-color-id="578606" 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_578606_stream_master-1785432770.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_578606_stream_master-1785432770.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_578606_stream_master-1785432770.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_578606_stream_master-1785432766.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_578606_stream_master-1785432766.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_578606_stream_master-1785432766.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_578606_stream_master-1785432762.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_578606_stream_master-1785432762.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_578606_stream_master-1785432762.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_578606_stream_master-1785432758.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_578606_stream_master-1785432758.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_578606_stream_master-1785432758.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_578606_stream_master-1785432755.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_578606_stream_master-1785432755.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_578606_stream_master-1785432755.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/25766/product_details/578606/">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">
Aspire Graphic Tank
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
Interval
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="578606" 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">Hunter Green</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$49.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="578606" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="578606">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 reminder to move from a better state of mind. This muscle tank pairs soft ease with &quot;Good Vibrations&quot; text, bringing light, grounded energy to warmups, cooldowns, and the rest of your day.</p>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>95.0% MODAL, 5.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-578606"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="578606" id="stream--variant-size-frame_size_578606"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="578606" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-578606" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-578606"><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-578606">
</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-value="578607">
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-value="578608">
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-value="578609">
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-value="578610">
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-value="578611">
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-578606" 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-578606 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="578606" data-stream--action-button-route-value="/stream/25766/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-578606 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="578606" data-stream--action-button-route-value="/stream/25766/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-578606 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="578606" data-stream--action-button-route-value="/stream/25766/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="578570" id="variant_578570">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="578570" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-578570"><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="578570" 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_578570_stream_master-1783726366.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_578570_stream_master-1783726366.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_578570_stream_master-1783726366.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_578570_stream-1785366164.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_578570_stream-1785366164.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_578570_stream-1785366164.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_578570_stream_master-1783726364.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_578570_stream_master-1783726364.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_578570_stream_master-1783726364.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_578570_stream_master-1783726362.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_578570_stream_master-1783726362.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_578570_stream_master-1783726362.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_578570_stream_master-1783726359.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_578570_stream_master-1783726359.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_578570_stream_master-1783726359.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/25766/product_details/578570/">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">
Serve Short Sleeve Polo
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
Interval
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="578570" 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">Ink Navy/Cream Stripe</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="578570" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="578570">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 vintage, a little sporty, and perfectly easy. This crochet polo brings airy texture, soft stripes, and ribbed trim for sunny days, slow walks, and post-workout plans.</p>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>55.0% ACRYLIC, 45.0% COTTON</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-578570"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="578570" id="stream--variant-size-frame_size_578570"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="578570" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-578570" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-578570"><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-578570">
</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-value="578571">
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-value="578572">
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-value="578573">
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-value="578574">
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-value="578575">
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-578570" 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-578570 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="578570" data-stream--action-button-route-value="/stream/25766/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-578570 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="578570" data-stream--action-button-route-value="/stream/25766/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-578570 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="578570" data-stream--action-button-route-value="/stream/25766/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="513620" id="variant_513620">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="513620" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-513620"><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="543776" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-543776"><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="549100" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-549100">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="556531" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-556531">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="528617" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-528617">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="550227" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-550227">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="515797" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-515797">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="514977" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-514977"><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="513620" 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_513620_stream_master-1726254447.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_513620_stream_master-1726254447.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_513620_stream_master-1726254447.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_513620_stream-1726254465.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_513620_stream-1726254465.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_513620_stream-1726254465.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_513620_stream-1726254474.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_513620_stream-1726254474.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_513620_stream-1726254474.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_513620_stream_master-1726254435.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_513620_stream_master-1726254435.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_513620_stream_master-1726254435.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/25766/product_details/513620/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="543776" 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_543776_stream_master-1746045320.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_543776_stream_master-1746045320.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_543776_stream_master-1746045320.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_543776_stream_master-1746045239.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_543776_stream_master-1746045239.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_543776_stream_master-1746045239.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_543776_stream_master-1746045232.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_543776_stream_master-1746045232.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_543776_stream_master-1746045232.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_543776_stream_master-1746045209.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_543776_stream_master-1746045209.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_543776_stream_master-1746045209.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/25766/product_details/543776/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="549100" 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/orpvj9velvxgtlodzto5.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/orpvj9velvxgtlodzto5.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/orpvj9velvxgtlodzto5.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/kgpi3oc2ljdbkigubtzi.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/kgpi3oc2ljdbkigubtzi.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/kgpi3oc2ljdbkigubtzi.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/hrjh2bfivkwctyssfsjq.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/hrjh2bfivkwctyssfsjq.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/hrjh2bfivkwctyssfsjq.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/ew7pifeyrdkfq1eak1hy.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/ew7pifeyrdkfq1eak1hy.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/ew7pifeyrdkfq1eak1hy.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/25766/product_details/549100/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="556531" 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_556531_stream_master-1759203186.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_556531_stream_master-1759203186.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_556531_stream_master-1759203186.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_556531_stream-1759203207.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_556531_stream-1759203207.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_556531_stream-1759203207.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_556531_stream_master-1759203167.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_556531_stream_master-1759203167.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_556531_stream_master-1759203167.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_556531_stream-1759203188.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_556531_stream-1759203188.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_556531_stream-1759203188.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_556531_stream-1781555595.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_556531_stream-1781555595.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_556531_stream-1781555595.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/25766/product_details/556531/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="528617" 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_528617_stream_master-1735938174.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_528617_stream_master-1735938174.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_528617_stream_master-1735938174.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_528617_stream-1735938184.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_528617_stream-1735938184.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_528617_stream-1735938184.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_528617_stream_master-1735938162.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_528617_stream_master-1735938162.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_528617_stream_master-1735938162.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_528617_stream-1735938179.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_528617_stream-1735938179.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_528617_stream-1735938179.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/25766/product_details/528617/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="550227" 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_550227_stream_master-1757610206.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_550227_stream_master-1757610206.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_550227_stream_master-1757610206.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_550227_stream_master-1757610195.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_550227_stream_master-1757610195.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_550227_stream_master-1757610195.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_550227_stream_master-1757610182.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_550227_stream_master-1757610182.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_550227_stream_master-1757610182.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_550227_stream_master-1757610159.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_550227_stream_master-1757610159.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_550227_stream_master-1757610159.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/25766/product_details/550227/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="515797" 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_515797_stream_master-1729717368.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_515797_stream_master-1729717368.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_515797_stream_master-1729717368.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_515797_stream-1729717435.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_515797_stream-1729717435.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_515797_stream-1729717435.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_515797_stream-1729717439.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_515797_stream-1729717439.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_515797_stream-1729717439.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_515797_stream-1729717383.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_515797_stream-1729717383.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_515797_stream-1729717383.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/25766/product_details/515797/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="514977" 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_514977_stream_master-1726265209.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_514977_stream_master-1726265209.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_514977_stream_master-1726265209.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_514977_stream_master-1726254477-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_514977_stream_master-1726254477-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_514977_stream_master-1726254477-1.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_514977_stream_master-1726254477.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_514977_stream_master-1726254477.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_514977_stream_master-1726254477.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_514977_stream_master-1726254445.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_514977_stream_master-1726254445.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_514977_stream_master-1726254445.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/25766/product_details/514977/">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">
Hacci Zip Hoodie
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
Interval
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="513620" 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">$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="543776" 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">$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="549100" 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">Moonlight</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$66.75</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="556531" 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 Cherry</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="528617" 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">Teal</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="550227" 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">Dusk</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$66.75</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="515797" 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</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="514977" 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">Rose Brown</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="513620" 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_513620_swatch_image-1726252614.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="543776" 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_543776_swatch_image-1746039785.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="549100" data-color-name="Moonlight" data-origin-label="Stream color swatch: Moonlight" 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/f5ahsye1clmhskuhqbvu.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="556531" data-color-name="Black Cherry" data-origin-label="Stream color swatch: Black Cherry" 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_556531_swatch_image-1759195965.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="528617" data-color-name="Teal" data-origin-label="Stream color swatch: Teal" 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_528617_swatch_image-1736215367.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="550227" data-color-name="Dusk" data-origin-label="Stream color swatch: Dusk" 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_550227_swatch_image-1757610199.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="515797" data-color-name="Heather Olive" data-origin-label="Stream color swatch: Heather 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_515797_swatch_image-1735864384.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="514977" data-color-name="Rose Brown" data-origin-label="Stream color swatch: Rose Brown" 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_514977_swatch_image-1726252613.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="513620" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="513620">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>Easy comfort with thoughtful details. Made from ultra-soft hacci fabric, this zip-front hoodie features classic pockets, a drawstring hood, and thumbhole cuffs for that extra touch of coziness. Lightweight and relaxed, it&#39;s the layer you&#39;ll reach for on slow mornings and soft resets alike.</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>
NATASHA is
<span>
<span class="font-bold">Height</span>
<span>5&#39; 11&quot;</span>
</span>
<span>
<span class="font-bold">Bust</span>
<span>32&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>

</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-513620"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="513620" id="stream--variant-size-frame_size_513620"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="513620" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-513620" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-513620"><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-513620">
</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-value="513633">
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-value="513634">
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-value="513635">
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-value="513636">
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-value="513637">
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-513620" 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-513620 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="513620" data-stream--action-button-route-value="/stream/25766/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-513620 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="513620" data-stream--action-button-route-value="/stream/25766/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-513620 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="513620" data-stream--action-button-route-value="/stream/25766/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="543776" id="stream--variant-size-frame_size_543776"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="543776" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-543776" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-543776"><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-543776">
</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-value="543777">
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-value="543778">
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-value="543779">
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-value="543780">
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-value="543781">
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-543776" 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-543776 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="543776" data-stream--action-button-route-value="/stream/25766/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-543776 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="543776" data-stream--action-button-route-value="/stream/25766/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-543776 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="543776" data-stream--action-button-route-value="/stream/25766/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="549100" id="stream--variant-size-frame_size_549100"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="549100" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-549100" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-549100"><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-549100">
</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-value="549101">
XS
<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" data-value="549102">
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-value="549103">
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-value="549104">
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-value="549105">
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-549100" 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-549100 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="549100" data-stream--action-button-route-value="/stream/25766/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-549100 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="549100" data-stream--action-button-route-value="/stream/25766/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-549100 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="549100" data-stream--action-button-route-value="/stream/25766/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="556531" id="stream--variant-size-frame_size_556531"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="556531" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-556531" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-556531"><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-556531">
</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-value="556532">
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-value="556533">
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-value="556534">
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-value="556535">
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-value="556536">
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-556531" 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-556531 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="556531" data-stream--action-button-route-value="/stream/25766/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-556531 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="556531" data-stream--action-button-route-value="/stream/25766/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-556531 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="556531" data-stream--action-button-route-value="/stream/25766/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="528617" id="stream--variant-size-frame_size_528617"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="528617" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-528617" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-528617"><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-528617">
</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-value="528618">
XS
<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" data-value="528619">
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 text-off_black/40 cursor-default" data-action="" data-components--custom-select-target="" data-label="M" data-value="528620">
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-value="528621">
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-value="528622">
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-528617" 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-528617 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="528617" data-stream--action-button-route-value="/stream/25766/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-528617 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="528617" data-stream--action-button-route-value="/stream/25766/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-528617 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="528617" data-stream--action-button-route-value="/stream/25766/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="550227" id="stream--variant-size-frame_size_550227"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="550227" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-550227" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-550227"><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-550227">
</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-value="550228">
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-value="550229">
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-value="550230">
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-value="550231">
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-value="550232">
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-550227" 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-550227 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="550227" data-stream--action-button-route-value="/stream/25766/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-550227 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="550227" data-stream--action-button-route-value="/stream/25766/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-550227 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="550227" data-stream--action-button-route-value="/stream/25766/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="515797" id="stream--variant-size-frame_size_515797"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="515797" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-515797" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-515797"><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-515797">
</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-value="515798">
XS
<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" data-value="515799">
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 text-off_black/40 cursor-default" data-action="" data-components--custom-select-target="" data-label="M" data-value="515800">
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-value="515801">
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-value="515802">
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-515797" 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-515797 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="515797" data-stream--action-button-route-value="/stream/25766/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-515797 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="515797" data-stream--action-button-route-value="/stream/25766/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-515797 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="515797" data-stream--action-button-route-value="/stream/25766/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="514977" id="stream--variant-size-frame_size_514977"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="514977" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-514977" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-514977"><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-514977">
</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-value="514978">
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-value="514979">
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-value="514980">
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-value="514981">
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-value="514982">
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-514977" 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-514977 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="514977" data-stream--action-button-route-value="/stream/25766/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-514977 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="514977" data-stream--action-button-route-value="/stream/25766/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-514977 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="514977" data-stream--action-button-route-value="/stream/25766/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="582540" id="variant_582540">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="582540" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-582540"><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="582540" 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_582540_stream-1785252799.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_582540_stream-1785252799.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_582540_stream-1785252799.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_582540_stream_master-1784158373.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_582540_stream_master-1784158373.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_582540_stream_master-1784158373.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_582540_stream-1785366167.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_582540_stream-1785366167.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_582540_stream-1785366167.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_582540_stream-1785252779.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_582540_stream-1785252779.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_582540_stream-1785252779.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_582540_stream_master-1784158364.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_582540_stream_master-1784158364.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_582540_stream_master-1784158364.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_582540_stream_master-1784158361.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_582540_stream_master-1784158361.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_582540_stream_master-1784158361.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-defer-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_700/q_auto/v1/production/wantable/images/Variant_582540_stream-1785252764.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_582540_stream-1785252764.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_582540_stream-1785252764.jpg" data-image-slider-target="img">
</picture>
</div>
<div class="slider__slide" data-image-slider-index-value="7" 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_582540_stream_master-1784158358.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_582540_stream_master-1784158358.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_582540_stream_master-1784158358.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 class="slider__navlink" data-image-slider-index-value="7" 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/25766/product_details/582540/">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">
Chase Crochet Sweater
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
Interval
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="582540" 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">$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="582540" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="582540">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>Airy, clean, and quietly refined. This crochet knit zip-up balances breathable open-stitch texture with a streamlined shape, making it an easy layer for recovery, travel, and everyday wear.</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>
</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 3 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-forest_green"></div>
<div class="flex-1 h-2 bg-cool_gray"></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-582540"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="582540" id="stream--variant-size-frame_size_582540"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="582540" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-582540" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-582540"><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-582540">
</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-value="582541">
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-value="582542">
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-value="582543">
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-value="582544">
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-value="582545">
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-582540" 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-582540 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="582540" data-stream--action-button-route-value="/stream/25766/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-582540 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="582540" data-stream--action-button-route-value="/stream/25766/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-582540 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="582540" data-stream--action-button-route-value="/stream/25766/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="578650" id="variant_578650">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="578650" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-578650"><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="578644" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-578644"><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="578650" 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_578650_stream_master-1784126001.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_578650_stream_master-1784126001.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_578650_stream_master-1784126001.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_578650_stream_master-1784125988.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_578650_stream_master-1784125988.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_578650_stream_master-1784125988.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_578650_stream_master-1784125976.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_578650_stream_master-1784125976.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_578650_stream_master-1784125976.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_578650_stream_master-1784125965.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_578650_stream_master-1784125965.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_578650_stream_master-1784125965.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_578650_stream-1784577765.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_578650_stream-1784577765.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_578650_stream-1784577765.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/25766/product_details/578650/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="578644" 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_578644_stream_master-1784138576.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_578644_stream_master-1784138576.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_578644_stream_master-1784138576.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_578644_stream_master-1784138573.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_578644_stream_master-1784138573.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_578644_stream_master-1784138573.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_578644_stream_master-1784138571.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_578644_stream_master-1784138571.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_578644_stream_master-1784138571.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_578644_stream_master-1784138564.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_578644_stream_master-1784138564.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_578644_stream_master-1784138564.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_578644_stream-1784575982.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_578644_stream-1784575982.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_578644_stream-1784575982.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/25766/product_details/578644/">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">
FlowHeather Sculpt Sydney Drawstring
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
Interval
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="578650" 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">Night Sky Heather</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="578644" 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">Hunter Green</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="578650" data-color-name="Night Sky Heather" data-origin-label="Stream color swatch: Night Sky Heather" 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_578650_swatch_image-1784813574.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="578644" data-color-name="Hunter Green" data-origin-label="Stream color swatch: Hunter Green" 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_578644_swatch_image-1784813574.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="578650" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="578650">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 everyday legging, with a little more intention. Sculpting fabric, a drawstring waist, and pockets make this pair feel equal parts sleek, sporty, and easy to style.</p>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>87.0% POLYESTER, 13.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 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-578650"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="578650" id="stream--variant-size-frame_size_578650"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="578650" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-578650" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-578650"><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-578650">
</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-value="578651">
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-value="578652">
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-value="578653">
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-value="578654">
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-value="578655">
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-578650" 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-578650 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="578650" data-stream--action-button-route-value="/stream/25766/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-578650 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="578650" data-stream--action-button-route-value="/stream/25766/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-578650 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="578650" data-stream--action-button-route-value="/stream/25766/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="578644" id="stream--variant-size-frame_size_578644"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="578644" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-578644" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-578644"><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-578644">
</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-value="578645">
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-value="578646">
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-value="578647">
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-value="578648">
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-value="578649">
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-578644" 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-578644 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="578644" data-stream--action-button-route-value="/stream/25766/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-578644 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="578644" data-stream--action-button-route-value="/stream/25766/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-578644 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="578644" data-stream--action-button-route-value="/stream/25766/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="578558" id="variant_578558">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="578558" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-578558"><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="578558" 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_578558_stream_master-1783369980.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_578558_stream_master-1783369980.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_578558_stream_master-1783369980.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_578558_stream-1783607579.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_578558_stream-1783607579.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_578558_stream-1783607579.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_578558_stream_master-1783369970.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_578558_stream_master-1783369970.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_578558_stream_master-1783369970.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_578558_stream_master-1783369968.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_578558_stream_master-1783369968.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_578558_stream_master-1783369968.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_578558_stream_master-1783369966.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_578558_stream_master-1783369966.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_578558_stream_master-1783369966.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/25766/product_details/578558/">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">
Replay Tank
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
Interval
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="578558" 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">$59.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="578558" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="578558">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 sunshine, a little movement, and a reminder to find the rhythm that works for you. This regular-fit graphic tank features a crew neck and celestial-inspired Interval artwork.</p>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>96.0% RAYON, 4.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-578558"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="578558" id="stream--variant-size-frame_size_578558"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="578558" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-578558" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-578558"><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-578558">
</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-value="578559">
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-value="578560">
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-value="578561">
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-value="578562">
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-value="578563">
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-578558" 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-578558 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="578558" data-stream--action-button-route-value="/stream/25766/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-578558 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="578558" data-stream--action-button-route-value="/stream/25766/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-578558 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="578558" data-stream--action-button-route-value="/stream/25766/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="510507" id="variant_510507">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="510507" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-510507"><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="510513" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-510513"><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="550245" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-550245">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="549124" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-549124">
</turbo-frame></div>
<div class="" data-color-id="510507" 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_510507_stream_master-1750969992.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_510507_stream_master-1750969992.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_510507_stream_master-1750969992.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_510507_stream-1750111400.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_510507_stream-1750111400.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_510507_stream-1750111400.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_510507_stream-1750970001.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_510507_stream-1750970001.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_510507_stream-1750970001.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_510507_stream-1750969991.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_510507_stream-1750969991.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_510507_stream-1750969991.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_510507_stream-1750969963.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_510507_stream-1750969963.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_510507_stream-1750969963.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_510507_stream-1778790818.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_510507_stream-1778790818.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_510507_stream-1778790818.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/25766/product_details/510507/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="510513" 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_510513_stream_master-1748982818.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_510513_stream_master-1748982818.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_510513_stream_master-1748982818.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_510513_stream-1748982773.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_510513_stream-1748982773.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_510513_stream-1748982773.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_510513_stream-1748982814.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_510513_stream-1748982814.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_510513_stream-1748982814.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_510513_stream-1748982771.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_510513_stream-1748982771.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_510513_stream-1748982771.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/25766/product_details/510513/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="550245" 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_550245_stream_master-1755201850.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_550245_stream_master-1755201850.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_550245_stream_master-1755201850.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_550245_stream-1755201855.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_550245_stream-1755201855.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_550245_stream-1755201855.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_550245_stream_master-1755201838.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_550245_stream_master-1755201838.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_550245_stream_master-1755201838.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_550245_stream_master-1755201802.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_550245_stream_master-1755201802.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_550245_stream_master-1755201802.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/25766/product_details/550245/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="549124" 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_549124_stream_master-1753470252.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_549124_stream_master-1753470252.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_549124_stream_master-1753470252.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_549124_stream_master-1753470174.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_549124_stream_master-1753470174.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_549124_stream_master-1753470174.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_549124_stream_master-1753470174-1.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_549124_stream_master-1753470174-1.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_549124_stream_master-1753470174-1.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_549124_stream-1753470243.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_549124_stream-1753470243.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_549124_stream-1753470243.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/25766/product_details/549124/">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">
Fleece One Shoulder Pullover
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
Interval
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="510507" 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">$68.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="510513" 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">$68.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="550245" 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">Sangria</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$51.00</p><div class="line-through ml-2 text-off_black/65">$68.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="549124" 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">Electric Sky</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$68.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="510507" data-color-name="Heather Grey" data-origin-label="Stream color swatch: Heather 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_510507_swatch_image-1750966365.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="510513" 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_510513_swatch_image-1748890992.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="550245" data-color-name="Sangria" data-origin-label="Stream color swatch: Sangria" 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_550245_swatch_image-1755190985.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="549124" data-color-name="Electric Sky" data-origin-label="Stream color swatch: Electric Sky" 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_549124_swatch_image-1753464788.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="510507" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="510507">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 that sporty chic look with this one-shoulder sweatshirt! Relaxed fit with a wide neckline, ribbed trim and dropped shoulders. So soft and cozy with a brushed lining.</p>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>50.0% POLYESTER, 38.0% COTTON, 12.0% RAYON</p>
<h6 class="font-bold mt-4 mb-2">Model Info</h6>
<p>
<span>
KAMILA is
<span>
<span class="font-bold">Height</span>
<span>5&#39; 9&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>34&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-510507"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="510507" id="stream--variant-size-frame_size_510507"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="510507" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-510507" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-510507"><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-510507">
</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-value="510508">
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-value="510509">
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-value="510510">
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-value="510511">
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-value="510512">
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-510507" 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-510507 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="510507" data-stream--action-button-route-value="/stream/25766/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-510507 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="510507" data-stream--action-button-route-value="/stream/25766/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-510507 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="510507" data-stream--action-button-route-value="/stream/25766/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="510513" id="stream--variant-size-frame_size_510513"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="510513" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-510513" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-510513"><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-510513">
</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-value="510514">
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-value="510515">
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-value="510516">
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-value="510517">
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-value="510518">
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-510513" 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-510513 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="510513" data-stream--action-button-route-value="/stream/25766/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-510513 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="510513" data-stream--action-button-route-value="/stream/25766/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-510513 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="510513" data-stream--action-button-route-value="/stream/25766/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="550245" id="stream--variant-size-frame_size_550245"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="550245" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-550245" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-550245"><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-550245">
</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-value="550246">
XS
<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" data-value="550247">
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-value="550248">
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-value="550249">
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 text-off_black/40 cursor-default" data-action="" data-components--custom-select-target="" data-label="XL" data-value="550250">
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-550245" 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-550245 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="550245" data-stream--action-button-route-value="/stream/25766/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-550245 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="550245" data-stream--action-button-route-value="/stream/25766/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-550245 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="550245" data-stream--action-button-route-value="/stream/25766/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="549124" id="stream--variant-size-frame_size_549124"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="549124" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-549124" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-549124"><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-549124">
</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-value="549125">
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-value="549126">
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-value="549127">
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-value="549128">
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-value="549129">
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-549124" 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-549124 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="549124" data-stream--action-button-route-value="/stream/25766/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-549124 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="549124" data-stream--action-button-route-value="/stream/25766/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-549124 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="549124" data-stream--action-button-route-value="/stream/25766/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="514967" id="variant_514967">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="514967" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-514967"><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="515803" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-515803">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="515912" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-515912">
</turbo-frame></div>
<div class="" data-color-id="514967" 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_514967_stream_master-1726177023.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_514967_stream_master-1726177023.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_514967_stream_master-1726177023.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_514967_stream_master-1726168024.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_514967_stream_master-1726168024.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_514967_stream_master-1726168024.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_514967_stream-1726168031-1.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_514967_stream-1726168031-1.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_514967_stream-1726168031-1.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_514967_stream-1726168031.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_514967_stream-1726168031.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_514967_stream-1726168031.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/25766/product_details/514967/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="515803" 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_515803_stream_master-1729717407.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_515803_stream_master-1729717407.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_515803_stream_master-1729717407.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_515803_stream_master-1729717385.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_515803_stream_master-1729717385.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_515803_stream_master-1729717385.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_515803_stream-1729717416.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_515803_stream-1729717416.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_515803_stream-1729717416.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_515803_stream_master-1729717381.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_515803_stream_master-1729717381.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_515803_stream_master-1729717381.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/25766/product_details/515803/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="515912" 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_515912_stream_master-1731956618.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_515912_stream_master-1731956618.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_515912_stream_master-1731956618.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_515912_stream_master-1731956563.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_515912_stream_master-1731956563.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_515912_stream_master-1731956563.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_515912_stream-1731956587.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_515912_stream-1731956587.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_515912_stream-1731956587.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_515912_stream-1731956586.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_515912_stream-1731956586.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_515912_stream-1731956586.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/25766/product_details/515912/">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">
Hacci Hoodie
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
Interval
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="514967" 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">Heathered Oatmeal</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$68.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="515803" 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 Purple Sage</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$68.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="515912" 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">$68.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="514967" data-color-name="Heathered Oatmeal" data-origin-label="Stream color swatch: Heathered 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_514967_swatch_image-1726160816.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="515803" data-color-name="Heather Purple Sage" data-origin-label="Stream color swatch: Heather Purple Sage" 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_515803_swatch_image-1729710169.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="515912" data-color-name="Heather Grey" data-origin-label="Stream color swatch: Heather 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_515912_swatch_image-1731952964.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="514967" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="514967">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 chill mode, unlocked. Our pocket hoodie has that slouchy fit, a drawstring and dropped shoulders you love. Made from the softest, stretchiest brushed knit with sleek ribbed trim—it’s your go-to for laid-back days and cozy nights.</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>
Sarah is
<span>
<span class="font-bold">Height</span>
<span>5&#39; 10&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>34&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-514967"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="514967" id="stream--variant-size-frame_size_514967"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="514967" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-514967" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-514967"><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-514967">
</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-value="514968">
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-value="514969">
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-value="514970">
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-value="514971">
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-value="514972">
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-514967" 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-514967 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="514967" data-stream--action-button-route-value="/stream/25766/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-514967 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="514967" data-stream--action-button-route-value="/stream/25766/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-514967 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="514967" data-stream--action-button-route-value="/stream/25766/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="515803" id="stream--variant-size-frame_size_515803"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="515803" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-515803" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-515803"><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-515803">
</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-value="515804">
XS
<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" data-value="515805">
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 text-off_black/40 cursor-default" data-action="" data-components--custom-select-target="" data-label="M" data-value="515806">
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-value="515807">
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-value="515808">
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-515803" 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-515803 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="515803" data-stream--action-button-route-value="/stream/25766/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-515803 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="515803" data-stream--action-button-route-value="/stream/25766/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-515803 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="515803" data-stream--action-button-route-value="/stream/25766/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="515912" id="stream--variant-size-frame_size_515912"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="515912" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25766/request/" data-stream--stream-request-decline-decline-route-value="/stream/25766/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-515912" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-515912"><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-515912">
</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-515912" 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-515912 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="515912" data-stream--action-button-route-value="/stream/25766/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-515912 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="515912" data-stream--action-button-route-value="/stream/25766/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-515912 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="515912" data-stream--action-button-route-value="/stream/25766/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/athleisure-active-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-active-mobile">
<input aria-label="Toggle all Active" 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-active-mobile" type="checkbox">
<details class="group w-full space-y-4" name="filters-categories-active">
<summary class="flex items-center justify-between text-sm font-medium cursor-pointer bg-secondary py-2 pl-8">
<span>Active</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-500">
<input type="checkbox" name="filters_form[product_type_allele_ids][]" id="stream-filter-categories-mobile-500" value="500" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&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">(146)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-categories-mobile-501">
<input type="checkbox" name="filters_form[product_type_allele_ids][]" id="stream-filter-categories-mobile-501" value="501" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&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">(89)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-categories-mobile-502">
<input type="checkbox" name="filters_form[product_type_allele_ids][]" id="stream-filter-categories-mobile-502" value="502" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&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">(11)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-categories-mobile-503">
<input type="checkbox" name="filters_form[product_type_allele_ids][]" id="stream-filter-categories-mobile-503" value="503" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Undergarments
<span class="text-xs text-flat font-normal">(55)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-categories-mobile-1721">
<input type="checkbox" name="filters_form[product_type_allele_ids][]" id="stream-filter-categories-mobile-1721" value="1721" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&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">(1)</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">(186)</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">(211)</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">(215)</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">(198)</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">(171)</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-593">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-593" value="593" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Beyond Yoga
<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-2419">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2419" value="2419" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Cream Yoga
<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-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">(2)</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">(208)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2491">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2491" value="2491" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Knit Riot
<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-726">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-726" value="726" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
MPG Sport
<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-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">(6)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-717">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-717" value="717" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Rhone
<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-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">(4)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-569">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-569" value="569" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Splendid
<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">(7)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1079">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1079" value="1079" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Thrive Société
<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-2537">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2537" value="2537" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
True Bliss
<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-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">(1)</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">(13)</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-active-desktop">
<input aria-label="Toggle all Active" 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-active-desktop" type="checkbox">
<details class="group w-full space-y-4" name="filters-categories-active">
<summary class="flex items-center justify-between text-sm font-medium cursor-pointer bg-secondary py-2 pl-8">
<span>Active</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-500">
<input type="checkbox" name="filters_form[product_type_allele_ids][]" id="stream-filter-categories-desktop-500" value="500" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&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">(146)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-categories-desktop-501">
<input type="checkbox" name="filters_form[product_type_allele_ids][]" id="stream-filter-categories-desktop-501" value="501" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&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">(89)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-categories-desktop-502">
<input type="checkbox" name="filters_form[product_type_allele_ids][]" id="stream-filter-categories-desktop-502" value="502" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&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">(11)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-categories-desktop-503">
<input type="checkbox" name="filters_form[product_type_allele_ids][]" id="stream-filter-categories-desktop-503" value="503" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Undergarments
<span class="text-xs text-flat font-normal">(55)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-categories-desktop-1721">
<input type="checkbox" name="filters_form[product_type_allele_ids][]" id="stream-filter-categories-desktop-1721" value="1721" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&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">(1)</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">(186)</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">(211)</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">(215)</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">(198)</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">(171)</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-593">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-593" value="593" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Beyond Yoga
<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-2419">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2419" value="2419" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Cream Yoga
<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-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">(2)</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">(208)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2491">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2491" value="2491" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Knit Riot
<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-726">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-726" value="726" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
MPG Sport
<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-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">(6)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-717">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-717" value="717" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Rhone
<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-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">(4)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-569">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-569" value="569" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Splendid
<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">(7)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1079">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1079" value="1079" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Thrive Société
<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-2537">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2537" value="2537" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
True Bliss
<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-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">(1)</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">(13)</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="f2wi-Xm7huiv1G7AeT15xlAWP-yfnCJV5Cb9egd8coHJBiJi73jkFzU5aVenKV4bGLFtmxqbvxpHvAoXsoRvnA" 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="https://wantable.zendesk.com/hc/en-us/#:~:text=Contact%20Us" 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://wantable.zendesk.com/hc/en-us/categories/360000806971-FAQ" 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://wantable.zendesk.com/hc/en-us/sections/360001886751-Shipping" 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://wantable.zendesk.com/hc/en-us/sections/360001887552-Returns-Exchanges" 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="https://wantable.zendesk.com/hc/en-us/#:~:text=Contact%20Us" 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://wantable.zendesk.com/hc/en-us/categories/360000806971-FAQ" 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://wantable.zendesk.com/hc/en-us/sections/360001886751-Shipping" 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://wantable.zendesk.com/hc/en-us/sections/360001887552-Returns-Exchanges" 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: "v3243",
      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>
