<!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="Jxa43oCVfdvSKt-z3OCS9HIfSIDssFBeLTAd12mt9l9_ncL1vH6O3BrNd0E0SJ2TQUEiOHhbj3cAAAy9uHxOag" />
<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/the-clearance-event-style-edit-2025/" 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/the-clearance-event-style-edit-2025/" 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%2Fthe-clearance-event-style-edit-2025"><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%2Fthe-clearance-event-style-edit-2025">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%2Fthe-clearance-event-style-edit-2025"><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%2Fthe-clearance-event-style-edit-2025"><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="549064" id="variant_549064">
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="565658" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-565658">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="530101" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-530101">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="565901" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-565901">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="549064" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-549064">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="352512" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-352512">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="541343" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-541343">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="549070" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-549070">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="540740" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-540740">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="352518" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-352518">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="352524" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-352524">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="529214" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-529214">
</turbo-frame></div>
<div class="!hidden" data-color-id="565658" 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_565658_stream_master-1776267187.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_565658_stream_master-1776267187.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_565658_stream_master-1776267187.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_565658_stream-1776263610.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_565658_stream-1776263610.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_565658_stream-1776263610.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_565658_stream-1776099791.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_565658_stream-1776099791.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_565658_stream-1776099791.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_565658_stream-1776283382.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_565658_stream-1776283382.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_565658_stream-1776283382.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_565658_stream-1776263562.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_565658_stream-1776263562.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_565658_stream-1776263562.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_565658_stream_master-1775599372.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_565658_stream_master-1775599372.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_565658_stream_master-1775599372.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/25634/product_details/565658/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="530101" 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_530101_stream_master-1753401769.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_530101_stream_master-1753401769.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_530101_stream_master-1753401769.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_530101_stream_master-1735936398.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_530101_stream_master-1735936398.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_530101_stream_master-1735936398.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_530101_stream_master-1735936370.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_530101_stream_master-1735936370.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_530101_stream_master-1735936370.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_530101_stream-1735936374.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_530101_stream-1735936374.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_530101_stream-1735936374.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/25634/product_details/530101/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="565901" 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_565901_stream_master-1775061199.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_565901_stream_master-1775061199.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_565901_stream_master-1775061199.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_565901_stream-1775061217.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_565901_stream-1775061217.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_565901_stream-1775061217.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_565901_stream_master-1775061190.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_565901_stream_master-1775061190.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_565901_stream_master-1775061190.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_565901_stream-1775061203.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_565901_stream-1775061203.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_565901_stream-1775061203.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_565901_stream-1775061201.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_565901_stream-1775061201.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_565901_stream-1775061201.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/25634/product_details/565901/">Product Details</a>
</div>

</div>
</div>
<div class="" data-color-id="549064" 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_549064_stream_master-1754420615.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_549064_stream_master-1754420615.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_549064_stream_master-1754420615.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_549064_stream_master-1754420602.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_549064_stream_master-1754420602.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_549064_stream_master-1754420602.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_549064_stream_master-1754420601.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_549064_stream_master-1754420601.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_549064_stream_master-1754420601.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_549064_stream_master-1754420597.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_549064_stream_master-1754420597.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_549064_stream_master-1754420597.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/25634/product_details/549064/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="352512" 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_352512_stream_master-1748385210.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_352512_stream_master-1748385210.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_352512_stream_master-1748385210.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_352512_stream-1748385198.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_352512_stream-1748385198.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_352512_stream-1748385198.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_352512_stream-1748385241.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_352512_stream-1748385241.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_352512_stream-1748385241.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_352512_stream-1748385196.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_352512_stream-1748385196.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_352512_stream-1748385196.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/25634/product_details/352512/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="541343" 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_541343_stream_master-1750970027.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_541343_stream_master-1750970027.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_541343_stream_master-1750970027.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_541343_stream_master-1750970027-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_541343_stream_master-1750970027-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_541343_stream_master-1750970027-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_541343_stream_master-1750970017.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_541343_stream_master-1750970017.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_541343_stream_master-1750970017.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_541343_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_541343_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_541343_stream_master-1750969992.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/25634/product_details/541343/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="549070" 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_549070_stream_master-1754420611.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_549070_stream_master-1754420611.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_549070_stream_master-1754420611.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_549070_stream_master-1754420593.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_549070_stream_master-1754420593.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_549070_stream_master-1754420593.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_549070_stream-1754420598.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_549070_stream-1754420598.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_549070_stream-1754420598.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_549070_stream_master-1754420594.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_549070_stream_master-1754420594.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_549070_stream_master-1754420594.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/25634/product_details/549070/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="540740" 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_540740_stream_master-1747076634.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_540740_stream_master-1747076634.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_540740_stream_master-1747076634.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_540740_stream_master-1747076625.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_540740_stream_master-1747076625.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_540740_stream_master-1747076625.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_540740_stream-1747076649.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_540740_stream-1747076649.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_540740_stream-1747076649.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_540740_stream_master-1747076609.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_540740_stream_master-1747076609.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_540740_stream_master-1747076609.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/25634/product_details/540740/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="352518" 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_352518_stream_master-1655314248.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_352518_stream_master-1655314248.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_352518_stream_master-1655314248.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_352518_stream_master-1655314242.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_352518_stream_master-1655314242.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_352518_stream_master-1655314242.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_352518_stream-1655314281.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_352518_stream-1655314281.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_352518_stream-1655314281.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_352518_stream_master-1655314251.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_352518_stream_master-1655314251.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_352518_stream_master-1655314251.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/25634/product_details/352518/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="352524" 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_352524_stream_master-1655314239.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_352524_stream_master-1655314239.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_352524_stream_master-1655314239.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_352524_stream_master-1655314237.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_352524_stream_master-1655314237.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_352524_stream_master-1655314237.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_352524_stream-1655314277.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_352524_stream-1655314277.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_352524_stream-1655314277.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_352524_stream_master-1655314245.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_352524_stream_master-1655314245.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_352524_stream_master-1655314245.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/25634/product_details/352524/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="529214" 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_529214_stream_master-1736865254.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_529214_stream_master-1736865254.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_529214_stream_master-1736865254.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_529214_stream_master-1736865236.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_529214_stream_master-1736865236.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_529214_stream_master-1736865236.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_529214_stream_master-1736865175.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_529214_stream_master-1736865175.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_529214_stream_master-1736865175.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_529214_stream-1736865187.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_529214_stream-1736865187.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_529214_stream-1736865187.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/25634/product_details/529214/">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">
Surfside Stripe Scoop Tank
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
SEAS
</p>
<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="565658" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Natural Sea Glass</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>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="530101" 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">Amber Haze Stripe</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>

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

<div class="text-sm flex justify-between mb-2" data-color-id="549064" 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">Burlwood Stripe</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$24.50</p><div class="line-through ml-2 text-off_black/65">$49.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="352512" 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-forest_green">$24.50</p><div class="line-through ml-2 text-off_black/65">$49.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="541343" 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">Lime Birch Stripe</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$24.50</p><div class="line-through ml-2 text-off_black/65">$49.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="549070" 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 Stripe</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$24.50</p><div class="line-through ml-2 text-off_black/65">$49.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="540740" 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">Birch White Stripe</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$36.75</p><div class="line-through ml-2 text-off_black/65">$49.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="352518" 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">$49.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="352524" 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-forest_green">$34.50</p><div class="line-through ml-2 text-off_black/65">$49.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="529214" 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">$49.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="565658" data-color-name="Natural Sea Glass" data-origin-label="Stream color swatch: Natural Sea Glass" 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_565658_swatch_image-1776106970.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="530101" data-color-name="Amber Haze Stripe" data-origin-label="Stream color swatch: Amber Haze Stripe" 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_530101_swatch_image-1735925562.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="565901" data-color-name="White Sapphire" data-origin-label="Stream color swatch: White Sapphire" 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_565901_swatch_image-1775070179.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="549064" data-color-name="Burlwood Stripe" data-origin-label="Stream color swatch: Burlwood Stripe" 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_549064_swatch_image-1754418774.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="352512" data-origin-label="Stream color swatch: " 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_352512_swatch_image-1748016176.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="541343" data-color-name="Lime Birch Stripe" data-origin-label="Stream color swatch: Lime Birch Stripe" 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_541343_swatch_image-1750966380.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="549070" data-color-name="Cream Stripe" data-origin-label="Stream color swatch: Cream Stripe" 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_549070_swatch_image-1754418763.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="540740" data-color-name="Birch White Stripe" data-origin-label="Stream color swatch: Birch White Stripe" 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_540740_swatch_image-1747071170.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="352518" data-origin-label="Stream color swatch: " 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="352524" data-origin-label="Stream color swatch: " data-stream--color-panel-target="swatch" style="background-color: #C53D45;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="529214" data-color-name="Mariner Midnight" data-origin-label="Stream color swatch: Mariner Midnight" 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_529214_swatch_image-1736795001.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="+1" data-stream--color-panel-target="swatchToggle" type="button">
+1
</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="549064" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="549064">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 surfside style with our striped tank top! Relaxed fit with scoop neck and curved high-low hem. Crafted in the USA from stretchy-soft jersey fabric that stays easy-breezy from the boat to the boardwalk.</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>
<span>
Nikayla 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-549064"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1 !hidden" data-stream--color-panel-target="sizeForm" data-color-id="565658" id="stream--variant-size-frame_size_565658"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="565658" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-565658" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-565658"><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-565658">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<div class="text-sm text-error hidden stream-size-error-352524" 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-352524 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="352524" data-stream--action-button-route-value="/stream/25634/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-352524 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="352524" data-stream--action-button-route-value="/stream/25634/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-352524 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="352524" data-stream--action-button-route-value="/stream/25634/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="529214" id="stream--variant-size-frame_size_529214"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="529214" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-529214" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-529214"><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-529214">
</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-529214" 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-529214 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="529214" data-stream--action-button-route-value="/stream/25634/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-529214 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="529214" data-stream--action-button-route-value="/stream/25634/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-529214 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="529214" data-stream--action-button-route-value="/stream/25634/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="510162" id="variant_510162">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="510162" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-510162">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="537043" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-537043">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="510155" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-510155">
</turbo-frame></div>
<div class="" data-color-id="510162" 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_510162_stream_master-1723214149.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_510162_stream_master-1723214149.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_510162_stream_master-1723214149.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_510162_stream_master-1723214128.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_510162_stream_master-1723214128.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_510162_stream_master-1723214128.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_510162_stream-1723214177.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_510162_stream-1723214177.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_510162_stream-1723214177.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_510162_stream-1723214149.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_510162_stream-1723214149.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_510162_stream-1723214149.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/25634/product_details/510162/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="537043" 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_537043_stream_master-1738006368.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_537043_stream_master-1738006368.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_537043_stream_master-1738006368.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_537043_stream_master-1738006362.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_537043_stream_master-1738006362.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_537043_stream_master-1738006362.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_537043_stream-1738006425.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_537043_stream-1738006425.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_537043_stream-1738006425.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_537043_stream-1738006390.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_537043_stream-1738006390.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_537043_stream-1738006390.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/25634/product_details/537043/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="510155" 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_510155_stream_master-1723223119.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_510155_stream_master-1723223119.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_510155_stream_master-1723223119.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_510155_stream_master-1723214202.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_510155_stream_master-1723214202.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_510155_stream_master-1723214202.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_510155_stream_master-1723214174.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_510155_stream_master-1723214174.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_510155_stream_master-1723214174.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_510155_stream_master-1723214146.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_510155_stream_master-1723214146.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_510155_stream_master-1723214146.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/25634/product_details/510155/">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">
Niki Cargo Pant
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
Herizon
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="510162" 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">Toffee</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$49.00</p><div class="line-through ml-2 text-off_black/65">$98.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="537043" 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">Nomad</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$49.00</p><div class="line-through ml-2 text-off_black/65">$98.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="510155" 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">Coriander</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$73.50</p><div class="line-through ml-2 text-off_black/65">$98.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="510162" data-color-name="Toffee" data-origin-label="Stream color swatch: Toffee" 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_510162_swatch_image-1723210519.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="537043" data-color-name="Nomad" data-origin-label="Stream color swatch: Nomad" 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_537043_swatch_image-1738000980.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="510155" data-color-name="Coriander" data-origin-label="Stream color swatch: Coriander" 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_510155_swatch_image-1723210518.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="510162" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="510162">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 road in these cargo pants! Relaxed fit with a mid-rise, a tapered leg, six roomy pockets and cute cuffed ankles Made of so-soft cotton twill that stays breathable whether you&#39;re working or playing.</p>
<div class="mt-4 mb-4">
<div class="flex flex-row">
<p class="font-bold mr-1 5 w-24">Inseam:</p>
<span class="font-regular">27.0"</span>
</div>

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

</div>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>67.0% TENCEL, 24.0% COTTON, 8.0% POLYESTER, 1.0% SPANDEX</p>
<h6 class="font-bold mt-4 mb-2">Model Info</h6>
<p>
<span>
Siobhan is
<span>
<span class="font-bold">Height</span>
<span>5&#39; 9&quot;</span>
</span>
<span>
<span class="font-bold">Bust</span>
<span>38&quot;</span>
</span>
<span>
<span class="font-bold">Waist</span>
<span>32&quot;</span>
</span>
<span>
<span class="font-bold">Hips</span>
<span>42&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-510162"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="510162" id="stream--variant-size-frame_size_510162"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="510162" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-510162" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-510162"><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-510162">
</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="14W" data-value="510163">
14W
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

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

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

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

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="22W" data-value="510167">
22W
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.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="24W" data-value="510168">
24W
<span class="text-xs ml-2">not available</span>
</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-510162" 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-510162 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="510162" data-stream--action-button-route-value="/stream/25634/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-510162 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="510162" data-stream--action-button-route-value="/stream/25634/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-510162 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="510162" data-stream--action-button-route-value="/stream/25634/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="537043" id="stream--variant-size-frame_size_537043"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="537043" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-537043" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-537043"><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-537043">
</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="14W" data-value="537044">
14W
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

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

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="18W" data-value="537046">
18W
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.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="20W" data-value="537047">
20W
<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="22W" data-value="537048">
22W
<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="24W" data-value="537049">
24W
<span class="text-xs ml-2">not available</span>
</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-537043" 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-537043 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="537043" data-stream--action-button-route-value="/stream/25634/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-537043 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="537043" data-stream--action-button-route-value="/stream/25634/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-537043 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="537043" data-stream--action-button-route-value="/stream/25634/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="510155" id="stream--variant-size-frame_size_510155"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="510155" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-510155" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-510155"><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-510155">
</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="14W" data-value="510156">
14W
<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="16W" data-value="510157">
16W
<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="18W" data-value="510159">
18W
<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="20W" data-value="510158">
20W
<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="22W" data-value="510160">
22W
<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="24W" data-value="510161">
24W
<span class="text-xs ml-2">not available</span>
</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-510155" 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-510155 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="510155" data-stream--action-button-route-value="/stream/25634/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-510155 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="510155" data-stream--action-button-route-value="/stream/25634/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-510155 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="510155" data-stream--action-button-route-value="/stream/25634/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="542065" id="variant_542065">
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="543974" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-543974">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="542065" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-542065"><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="543978" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-543978">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="506237" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-506237">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="545775" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-545775">
</turbo-frame></div>
<div class="!hidden" data-color-id="543974" 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_543974_stream_master-1754420605.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_543974_stream_master-1754420605.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_543974_stream_master-1754420605.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_543974_stream-1754420652.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_543974_stream-1754420652.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_543974_stream-1754420652.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_543974_stream_master-1754420585.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_543974_stream_master-1754420585.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_543974_stream_master-1754420585.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_543974_stream-1754420650.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_543974_stream-1754420650.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_543974_stream-1754420650.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_543974_stream-1778790760.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_543974_stream-1778790760.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_543974_stream-1778790760.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/25634/product_details/543974/">Product Details</a>
</div>

</div>
</div>
<div class="" data-color-id="542065" 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_542065_stream_master-1752861872.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_542065_stream_master-1752861872.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_542065_stream_master-1752861872.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_542065_stream_master-1752861848.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_542065_stream_master-1752861848.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_542065_stream_master-1752861848.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_542065_stream_master-1752861840.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_542065_stream_master-1752861840.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_542065_stream_master-1752861840.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_542065_stream_master-1752861830.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_542065_stream_master-1752861830.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_542065_stream_master-1752861830.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/25634/product_details/542065/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="543978" 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_543978_stream_master-1746552842.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_543978_stream_master-1746552842.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_543978_stream_master-1746552842.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_543978_stream_master-1746552808.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_543978_stream_master-1746552808.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_543978_stream_master-1746552808.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_543978_stream-1746552848.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_543978_stream-1746552848.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_543978_stream-1746552848.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_543978_stream_master-1746552788.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_543978_stream_master-1746552788.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_543978_stream_master-1746552788.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_543978_stream-1778790763.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_543978_stream-1778790763.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_543978_stream-1778790763.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/25634/product_details/543978/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="506237" 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_506237_stream_master-1712349041.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_506237_stream_master-1712349041.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_506237_stream_master-1712349041.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_506237_stream-1712349046.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_506237_stream-1712349046.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_506237_stream-1712349046.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_506237_stream-1781555585.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_506237_stream-1781555585.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_506237_stream-1781555585.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_506237_stream_master-1712349019.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_506237_stream_master-1712349019.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_506237_stream_master-1712349019.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_506237_stream-1712349044.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_506237_stream-1712349044.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_506237_stream-1712349044.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_506237_stream-1778790826.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_506237_stream-1778790826.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_506237_stream-1778790826.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/25634/product_details/506237/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="545775" 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_545775_stream_master-1749668563.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_545775_stream_master-1749668563.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_545775_stream_master-1749668563.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_545775_stream-1749668627.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_545775_stream-1749668627.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_545775_stream-1749668627.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_545775_stream-1749668605.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_545775_stream-1749668605.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_545775_stream-1749668605.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_545775_stream-1749668580.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_545775_stream-1749668580.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_545775_stream-1749668580.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_545775_stream-1778790758.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_545775_stream-1778790758.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_545775_stream-1778790758.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/25634/product_details/545775/">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">
Brooksville Slub Off The Shoulder Top
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
SEAS
</p>
<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="543974" 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">Lagoon</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$62.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="542065" 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">Sapphire</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$31.00</p><div class="line-through ml-2 text-off_black/65">$62.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="543978" 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">Sun Kissed</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$31.00</p><div class="line-through ml-2 text-off_black/65">$62.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="506237" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">White</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$62.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="545775" 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">Golden</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$31.00</p><div class="line-through ml-2 text-off_black/65">$62.00</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="543974" data-color-name="Lagoon" data-origin-label="Stream color swatch: Lagoon" 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_543974_swatch_image-1754418767.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="542065" data-color-name="Sapphire" data-origin-label="Stream color swatch: Sapphire" 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_542065_swatch_image-1752854564.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="543978" data-color-name="Sun Kissed" data-origin-label="Stream color swatch: Sun Kissed" 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_543978_swatch_image-1746550957.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="506237" data-color-name="White" data-origin-label="Stream color swatch: White" 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_506237_swatch_image-1712349010.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="545775" data-color-name="Golden" data-origin-label="Stream color swatch: Golden" 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_545775_swatch_image-1750109573.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="542065" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="542065">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>Effortless style is yours with this one-shoulder top! Relaxed fit with a chic wide neck you can wear off-the-shoulder. Made of a so-soft slub knit with tons of comfy stretch.</p>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>60.0% POLYESTER, 35.0% RAYON, 5.0% SPANDEX</p>
<h6 class="font-bold mt-4 mb-2">Model Info</h6>
<p>
<span>
Alicia is
<span>
<span class="font-bold">Height</span>
<span>5&#39; 8&quot;</span>
</span>
<span>
<span class="font-bold">Bust</span>
<span>36&quot;</span>
</span>
<span>
<span class="font-bold">Waist</span>
<span>34&quot;</span>
</span>
<span>
<span class="font-bold">Hips</span>
<span>47&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-542065"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1 !hidden" data-stream--color-panel-target="sizeForm" data-color-id="543974" id="stream--variant-size-frame_size_543974"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="543974" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-543974" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-543974"><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-543974">
</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="1X (14W-16W)" data-value="543975">
1X (14W-16W)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

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

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="3X (22W-24W)" data-value="543977">
3X (22W-24W)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-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-543974" 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-543974 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="543974" data-stream--action-button-route-value="/stream/25634/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-543974 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="543974" data-stream--action-button-route-value="/stream/25634/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-543974 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="543974" data-stream--action-button-route-value="/stream/25634/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="542065" id="stream--variant-size-frame_size_542065"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="542065" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-542065" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-542065"><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-542065">
</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="1X (14W-16W)" data-value="542066">
1X (14W-16W)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="2X (18W-20W)" data-value="542067">
2X (18W-20W)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.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="3X (22W-24W)" data-value="542068">
3X (22W-24W)
<span class="text-xs ml-2">not available</span>
</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-542065" 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-542065 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="542065" data-stream--action-button-route-value="/stream/25634/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-542065 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="542065" data-stream--action-button-route-value="/stream/25634/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-542065 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="542065" data-stream--action-button-route-value="/stream/25634/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="543978" id="stream--variant-size-frame_size_543978"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="543978" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-543978" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-543978"><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-543978">
</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="1X (14W-16W)" data-value="543979">
1X (14W-16W)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

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

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="3X (22W-24W)" data-value="543981">
3X (22W-24W)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-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-543978" 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-543978 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="543978" data-stream--action-button-route-value="/stream/25634/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-543978 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="543978" data-stream--action-button-route-value="/stream/25634/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-543978 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="543978" data-stream--action-button-route-value="/stream/25634/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="506237" id="stream--variant-size-frame_size_506237"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="506237" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-506237" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-506237"><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-506237">
</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="1X (14W-16W)" data-value="506238">
1X (14W-16W)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.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="2X (18W-20W)" data-value="506239">
2X (18W-20W)
<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="3X (22W-24W)" data-value="506240">
3X (22W-24W)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-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-506237" 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-506237 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="506237" data-stream--action-button-route-value="/stream/25634/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-506237 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="506237" data-stream--action-button-route-value="/stream/25634/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-506237 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="506237" data-stream--action-button-route-value="/stream/25634/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="545775" id="stream--variant-size-frame_size_545775"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="545775" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-545775" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-545775"><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-545775">
</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="1X (14W-16W)" data-value="545776">
1X (14W-16W)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

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

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="3X (22W-24W)" data-value="545778">
3X (22W-24W)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-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-545775" 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-545775 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="545775" data-stream--action-button-route-value="/stream/25634/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-545775 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="545775" data-stream--action-button-route-value="/stream/25634/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-545775 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="545775" data-stream--action-button-route-value="/stream/25634/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="440434" id="variant_440434">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="440434" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-440434">
</turbo-frame></div>
<div class="" data-color-id="440434" 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_440434_stream_master-1680647416.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_440434_stream_master-1680647416.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_440434_stream_master-1680647416.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_440434_stream-1680647417.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_440434_stream-1680647417.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_440434_stream-1680647417.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_440434_stream-1680647421.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_440434_stream-1680647421.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_440434_stream-1680647421.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_440434_stream_master-1680647413.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_440434_stream_master-1680647413.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_440434_stream_master-1680647413.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/25634/product_details/440434/">Product Details</a>
</div>

</div>
</div>
<div class="w-full flex flex-col mt-2 flex-1 px-1.5">
<h3 class="font-semibold whitespace-nowrap overflow-hidden text-ellipsis">
High Rise Skinny Jeans
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
Lovervet
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="440434" 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">Medium Blue</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$45.00</p><div class="line-through ml-2 text-off_black/65">$90.00</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="440434" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="440434">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>Hello, hemline! These skinny jeans have a fun chewed ankle hem with a flattering high-rise waist, minimal distressing and five classic pockets. So-soft and durable in an ultra-comfy stretch denim.</p>
<div class="mt-4 mb-4">
<div class="flex flex-row">
<p class="font-bold mr-1 5 w-24">Inseam:</p>
<span class="font-regular">27.0"</span>
</div>

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

</div>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>94.0% COTTON, 4.0% POLYESTER, 2.0% SPANDEX</p>
<h6 class="font-bold mt-4 mb-2">Model Info</h6>
<p>
<span>
Kylie is
<span>
<span class="font-bold">Height</span>
<span>5&#39; 7&quot;</span>
</span>
<span>
<span class="font-bold">Bust</span>
<span>42&quot;</span>
</span>
<span>
<span class="font-bold">Waist</span>
<span>34&quot;</span>
</span>
<span>
<span class="font-bold">Hips</span>
<span>46&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-440434"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="440434" id="stream--variant-size-frame_size_440434"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="440434" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-440434" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-440434"><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-440434">
</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="14W" data-value="440435">
14W
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

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

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

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

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="22W" data-value="440439">
22W
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.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="24W" data-value="440440">
24W
<span class="text-xs ml-2">not available</span>
</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-440434" 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-440434 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="440434" data-stream--action-button-route-value="/stream/25634/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-440434 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="440434" data-stream--action-button-route-value="/stream/25634/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-440434 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="440434" data-stream--action-button-route-value="/stream/25634/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="554811" id="variant_554811">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="554811" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-554811">
</turbo-frame></div>
<div class="" data-color-id="554811" 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_554811_stream_master-1753214584.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_554811_stream_master-1753214584.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_554811_stream_master-1753214584.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_554811_stream-1753214607.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_554811_stream-1753214607.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_554811_stream-1753214607.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_554811_stream-1753214590.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_554811_stream-1753214590.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_554811_stream-1753214590.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_554811_stream-1759865559.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_554811_stream-1759865559.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_554811_stream-1759865559.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_554811_stream_master-1753214566.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_554811_stream_master-1753214566.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_554811_stream_master-1753214566.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/25634/product_details/554811/">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">
Mariposa Frayed Step Hem Skinny Jean
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
SEAS
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="554811" 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">Lakeside</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$44.50</p><div class="line-through ml-2 text-off_black/65">$89.00</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="554811" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="554811">Product Details</label>
<div class="tab__content text-sm font-normal max-h-[0px] overflow-hidden transition-all duration-[350ms]">
<div class="content p-1">
<div>
<p>The pair of skinny jeans that could change your mind. Made from buttery stretch denim with a mid rise, these skinny jeans feature light distressing and a frayed step hem. Soft, flattering, and ready to reclaim their top-drawer spot.</p>
<div class="mt-4 mb-4">
<div class="flex flex-row">
<p class="font-bold mr-1 5 w-24">Inseam:</p>
<span class="font-regular">27.0"</span>
</div>

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

</div>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>62.0% COTTON, 32.0% POLYESTER, 4.0% VISCOSE, 2.0% SPANDEX</p>
<h6 class="font-bold mt-4 mb-2">Model Info</h6>
<p>
<span>
Marissa is
<span>
<span class="font-bold">Height</span>
<span>5&#39; 8&quot;</span>
</span>
<span>
<span class="font-bold">Bust</span>
<span>34&quot;</span>
</span>
<span>
<span class="font-bold">Waist</span>
<span>25&quot;</span>
</span>
<span>
<span class="font-bold">Hips</span>
<span>36&quot;</span>
</span>
<span>
<span class="font-bold">Wearing Size</span>
<span>4</span>
</span>
</span>

</p>
<div class="flex flex-col mb-4 text-sm">
<p class="font-semibold mb-2">Fit</p>
<div class="sr-only">
Rating of 1 means Runs small.
Middle rating means True to size.
Rating of 5 means Runs large.
The fit rating of this product is 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-554811"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="554811" id="stream--variant-size-frame_size_554811"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="554811" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-554811" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-554811"><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-554811">
</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="0" data-value="554812">
0
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

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

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

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

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

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

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

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

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

<div class="text-sm text-error hidden stream-size-error-554811" 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-554811 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="554811" data-stream--action-button-route-value="/stream/25634/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-554811 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="554811" data-stream--action-button-route-value="/stream/25634/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-554811 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="554811" data-stream--action-button-route-value="/stream/25634/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="555174" id="variant_555174">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="555174" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-555174"><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="555174" 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_555174_stream_master-1754346800.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_555174_stream_master-1754346800.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_555174_stream_master-1754346800.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_555174_stream_master-1752861825.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_555174_stream_master-1752861825.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_555174_stream_master-1752861825.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_555174_stream_master-1752861822.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_555174_stream_master-1752861822.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_555174_stream_master-1752861822.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_555174_stream_master-1752861817.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_555174_stream_master-1752861817.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_555174_stream_master-1752861817.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/25634/product_details/555174/">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">
Button Front Twill Jacket
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
Skies Are Blue
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="555174" 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">Leopard Print</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$47.00</p><div class="line-through ml-2 text-off_black/65">$94.00</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="555174" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="555174">Product Details</label>
<div class="tab__content text-sm font-normal max-h-[0px] overflow-hidden transition-all duration-[350ms]">
<div class="content p-1">
<div>
<p>Bring out your wild side! This animal-print jacket is the perfect layer for daytime adventures and night-out slays. Regular, boxy profile that fastens with a button-front closure and flap pockets. Made to last in a durable, comfy cotton twill.</p>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>100.0% COTTON</p>
<h6 class="font-bold mt-4 mb-2">Model Info</h6>
<p>
<span>
Alicia is
<span>
<span class="font-bold">Height</span>
<span>5&#39; 8&quot;</span>
</span>
<span>
<span class="font-bold">Bust</span>
<span>36&quot;</span>
</span>
<span>
<span class="font-bold">Waist</span>
<span>34&quot;</span>
</span>
<span>
<span class="font-bold">Hips</span>
<span>47&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-555174"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="555174" id="stream--variant-size-frame_size_555174"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="555174" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-555174" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-555174"><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-555174">
</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="1X (14W-16W)" data-value="555175">
1X (14W-16W)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="2X (18W-20W)" data-value="555176">
2X (18W-20W)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.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="3X (22W-24W)" data-value="555177">
3X (22W-24W)
<span class="text-xs ml-2">not available</span>
</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-555174" 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-555174 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="555174" data-stream--action-button-route-value="/stream/25634/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-555174 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="555174" data-stream--action-button-route-value="/stream/25634/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-555174 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="555174" data-stream--action-button-route-value="/stream/25634/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="543978" id="variant_543978">
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="543974" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-543974">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="542065" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-542065"><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="543978" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-543978">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="506237" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-506237">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="545775" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-545775">
</turbo-frame></div>
<div class="!hidden" data-color-id="543974" 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_543974_stream_master-1754420605.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_543974_stream_master-1754420605.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_543974_stream_master-1754420605.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_543974_stream-1754420652.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_543974_stream-1754420652.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_543974_stream-1754420652.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_543974_stream_master-1754420585.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_543974_stream_master-1754420585.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_543974_stream_master-1754420585.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_543974_stream-1754420650.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_543974_stream-1754420650.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_543974_stream-1754420650.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_543974_stream-1778790760.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_543974_stream-1778790760.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_543974_stream-1778790760.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/25634/product_details/543974/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="542065" 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_542065_stream_master-1752861872.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_542065_stream_master-1752861872.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_542065_stream_master-1752861872.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_542065_stream_master-1752861848.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_542065_stream_master-1752861848.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_542065_stream_master-1752861848.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_542065_stream_master-1752861840.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_542065_stream_master-1752861840.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_542065_stream_master-1752861840.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_542065_stream_master-1752861830.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_542065_stream_master-1752861830.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_542065_stream_master-1752861830.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/25634/product_details/542065/">Product Details</a>
</div>

</div>
</div>
<div class="" data-color-id="543978" 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_543978_stream_master-1746552842.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_543978_stream_master-1746552842.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_543978_stream_master-1746552842.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_543978_stream_master-1746552808.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_543978_stream_master-1746552808.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_543978_stream_master-1746552808.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_543978_stream-1746552848.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_543978_stream-1746552848.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_543978_stream-1746552848.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_543978_stream_master-1746552788.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_543978_stream_master-1746552788.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_543978_stream_master-1746552788.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_543978_stream-1778790763.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_543978_stream-1778790763.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_543978_stream-1778790763.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/25634/product_details/543978/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="506237" 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_506237_stream_master-1712349041.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_506237_stream_master-1712349041.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_506237_stream_master-1712349041.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_506237_stream-1712349046.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_506237_stream-1712349046.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_506237_stream-1712349046.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_506237_stream-1781555585.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_506237_stream-1781555585.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_506237_stream-1781555585.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_506237_stream_master-1712349019.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_506237_stream_master-1712349019.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_506237_stream_master-1712349019.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_506237_stream-1712349044.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_506237_stream-1712349044.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_506237_stream-1712349044.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_506237_stream-1778790826.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_506237_stream-1778790826.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_506237_stream-1778790826.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/25634/product_details/506237/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="545775" 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_545775_stream_master-1749668563.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_545775_stream_master-1749668563.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_545775_stream_master-1749668563.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_545775_stream-1749668627.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_545775_stream-1749668627.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_545775_stream-1749668627.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_545775_stream-1749668605.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_545775_stream-1749668605.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_545775_stream-1749668605.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_545775_stream-1749668580.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_545775_stream-1749668580.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_545775_stream-1749668580.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_545775_stream-1778790758.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_545775_stream-1778790758.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_545775_stream-1778790758.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/25634/product_details/545775/">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">
Brooksville Slub Off The Shoulder Top
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
SEAS
</p>
<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="543974" 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">Lagoon</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$62.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="542065" 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">Sapphire</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$31.00</p><div class="line-through ml-2 text-off_black/65">$62.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2" data-color-id="543978" 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">Sun Kissed</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$31.00</p><div class="line-through ml-2 text-off_black/65">$62.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="506237" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">White</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$62.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="545775" 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">Golden</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$31.00</p><div class="line-through ml-2 text-off_black/65">$62.00</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="543974" data-color-name="Lagoon" data-origin-label="Stream color swatch: Lagoon" 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_543974_swatch_image-1754418767.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="542065" data-color-name="Sapphire" data-origin-label="Stream color swatch: Sapphire" 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_542065_swatch_image-1752854564.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="543978" data-color-name="Sun Kissed" data-origin-label="Stream color swatch: Sun Kissed" 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_543978_swatch_image-1746550957.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="506237" data-color-name="White" data-origin-label="Stream color swatch: White" 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_506237_swatch_image-1712349010.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="545775" data-color-name="Golden" data-origin-label="Stream color swatch: Golden" 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_545775_swatch_image-1750109573.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="543978" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="543978">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>Effortless style is yours with this one-shoulder top! Relaxed fit with a chic wide neck you can wear off-the-shoulder. Made of a so-soft slub knit with tons of comfy stretch.</p>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>60.0% POLYESTER, 35.0% RAYON, 5.0% SPANDEX</p>
<h6 class="font-bold mt-4 mb-2">Model Info</h6>
<p>
<span>
Ally is
<span>
<span class="font-bold">Height</span>
<span>5&#39; 11&quot;</span>
</span>
<span>
<span class="font-bold">Bust</span>
<span>46&quot;</span>
</span>
<span>
<span class="font-bold">Waist</span>
<span>41&quot;</span>
</span>
<span>
<span class="font-bold">Hips</span>
<span>49&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-543978"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1 !hidden" data-stream--color-panel-target="sizeForm" data-color-id="543974" id="stream--variant-size-frame_size_543974"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="543974" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-543974" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-543974"><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-543974">
</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="1X (14W-16W)" data-value="543975">
1X (14W-16W)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

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

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="3X (22W-24W)" data-value="543977">
3X (22W-24W)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-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-543974" 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-543974 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="543974" data-stream--action-button-route-value="/stream/25634/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-543974 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="543974" data-stream--action-button-route-value="/stream/25634/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-543974 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="543974" data-stream--action-button-route-value="/stream/25634/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="542065" id="stream--variant-size-frame_size_542065"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="542065" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-542065" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-542065"><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-542065">
</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="1X (14W-16W)" data-value="542066">
1X (14W-16W)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="2X (18W-20W)" data-value="542067">
2X (18W-20W)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.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="3X (22W-24W)" data-value="542068">
3X (22W-24W)
<span class="text-xs ml-2">not available</span>
</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-542065" 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-542065 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="542065" data-stream--action-button-route-value="/stream/25634/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-542065 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="542065" data-stream--action-button-route-value="/stream/25634/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-542065 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="542065" data-stream--action-button-route-value="/stream/25634/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="543978" id="stream--variant-size-frame_size_543978"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="543978" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-543978" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-543978"><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-543978">
</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="1X (14W-16W)" data-value="543979">
1X (14W-16W)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

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

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="3X (22W-24W)" data-value="543981">
3X (22W-24W)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-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-543978" 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-543978 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="543978" data-stream--action-button-route-value="/stream/25634/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-543978 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="543978" data-stream--action-button-route-value="/stream/25634/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-543978 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="543978" data-stream--action-button-route-value="/stream/25634/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="506237" id="stream--variant-size-frame_size_506237"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="506237" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-506237" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-506237"><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-506237">
</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="1X (14W-16W)" data-value="506238">
1X (14W-16W)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.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="2X (18W-20W)" data-value="506239">
2X (18W-20W)
<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="3X (22W-24W)" data-value="506240">
3X (22W-24W)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-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-506237" 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-506237 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="506237" data-stream--action-button-route-value="/stream/25634/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-506237 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="506237" data-stream--action-button-route-value="/stream/25634/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-506237 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="506237" data-stream--action-button-route-value="/stream/25634/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="545775" id="stream--variant-size-frame_size_545775"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="545775" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-545775" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-545775"><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-545775">
</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="1X (14W-16W)" data-value="545776">
1X (14W-16W)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

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

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="3X (22W-24W)" data-value="545778">
3X (22W-24W)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-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-545775" 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-545775 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="545775" data-stream--action-button-route-value="/stream/25634/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-545775 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="545775" data-stream--action-button-route-value="/stream/25634/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-545775 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="545775" data-stream--action-button-route-value="/stream/25634/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="557009" id="variant_557009">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="557009" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-557009">
</turbo-frame></div>
<div class="" data-color-id="557009" 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_557009_stream_master-1758218578.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_557009_stream_master-1758218578.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_557009_stream_master-1758218578.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_557009_stream-1758218630.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_557009_stream-1758218630.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_557009_stream-1758218630.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_557009_stream-1758218606.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_557009_stream-1758218606.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_557009_stream-1758218606.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_557009_stream-1758218586.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_557009_stream-1758218586.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_557009_stream-1758218586.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/25634/product_details/557009/">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 Short Sleeve Top
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
SEAS
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="557009" 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">Maple</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$34.50</p><div class="line-through ml-2 text-off_black/65">$69.00</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="557009" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="557009">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>Light-catching clip dots meet laidback charm. This stay-put wrap silhouette features a comfy cinched hem, dolman sleeves, and a wanderlust-worthy bow at the side.</p>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>56.0% POLYESTER, 44.0% RAYON</p>
<h6 class="font-bold mt-4 mb-2">Model Info</h6>
<p>
<span>
Moa is
<span>
<span class="font-bold">Height</span>
<span>5&#39; 10&quot;</span>
</span>
<span>
<span class="font-bold">Bust</span>
<span>33&quot;</span>
</span>
<span>
<span class="font-bold">Waist</span>
<span>25&quot;</span>
</span>
<span>
<span class="font-bold">Wearing Size</span>
<span>S (2-4)</span>
</span>
</span>

</p>
<div class="flex flex-col mb-4 text-sm">
<p class="font-semibold mb-2">Fit</p>
<div class="sr-only">
Rating of 1 means Runs small.
Middle rating means True to size.
Rating of 5 means Runs large.
The fit rating of this product is 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-557009"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="557009" id="stream--variant-size-frame_size_557009"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="557009" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-557009" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-557009"><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-557009">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

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

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

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

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

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

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

<div class="text-sm text-error hidden stream-size-error-557009" 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-557009 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="557009" data-stream--action-button-route-value="/stream/25634/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-557009 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="557009" data-stream--action-button-route-value="/stream/25634/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-557009 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="557009" data-stream--action-button-route-value="/stream/25634/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="562499" id="variant_562499">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="562499" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-562499">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="562509" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-562509">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="562529" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-562529">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="562519" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-562519">
</turbo-frame></div>
<div class="" data-color-id="562499" 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_562499_stream_master-1758655962-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_562499_stream_master-1758655962-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_562499_stream_master-1758655962-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_562499_stream_master-1758655962.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_562499_stream_master-1758655962.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_562499_stream_master-1758655962.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_562499_stream-1758655978.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_562499_stream-1758655978.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_562499_stream-1758655978.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_562499_stream_master-1758655963.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_562499_stream_master-1758655963.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_562499_stream_master-1758655963.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/25634/product_details/562499/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="562509" 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_562509_stream_master-1759415561.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_562509_stream_master-1759415561.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_562509_stream_master-1759415561.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_562509_stream_master-1758655959.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_562509_stream_master-1758655959.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_562509_stream_master-1758655959.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_562509_stream-1758655975.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_562509_stream-1758655975.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_562509_stream-1758655975.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_562509_stream-1758655965.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_562509_stream-1758655965.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_562509_stream-1758655965.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/25634/product_details/562509/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="562529" 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_562529_stream_master-1758655961.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_562529_stream_master-1758655961.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_562529_stream_master-1758655961.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_562529_stream-1758655966.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_562529_stream-1758655966.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_562529_stream-1758655966.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_562529_stream-1758656024.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_562529_stream-1758656024.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_562529_stream-1758656024.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_562529_stream-1758655967.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_562529_stream-1758655967.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_562529_stream-1758655967.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/25634/product_details/562529/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="562519" 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_562519_stream_master-1758655965-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_562519_stream_master-1758655965-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_562519_stream_master-1758655965-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_562519_stream_master-1758655965.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_562519_stream_master-1758655965.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_562519_stream_master-1758655965.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_562519_stream-1758656026.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_562519_stream-1758656026.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_562519_stream-1758656026.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_562519_stream-1758655968.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_562519_stream-1758655968.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_562519_stream-1758655968.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/25634/product_details/562519/">Product Details</a>
</div>

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

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

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="562529" 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">Gray</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$54.50</p><div class="line-through ml-2 text-off_black/65">$109.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="562519" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Camel</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$54.50</p><div class="line-through ml-2 text-off_black/65">$109.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="562499" data-color-name="Wine" data-origin-label="Stream color swatch: Wine" 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_562499_swatch_image-1758659559.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="562509" data-color-name="Green" data-origin-label="Stream color swatch: 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_562509_swatch_image-1758659558.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="562529" data-color-name="Gray" data-origin-label="Stream color swatch: Gray" 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_562529_swatch_image-1758655992.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="562519" data-color-name="Camel" data-origin-label="Stream color swatch: Camel" 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_562519_swatch_image-1758656010.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="562499" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="562499">Product Details</label>
<div class="tab__content text-sm font-normal max-h-[0px] overflow-hidden transition-all duration-[350ms]">
<div class="content p-1">
<div>
<p>The perfect ankle-length jeans for work and play! So versatile in a straight-leg silhouette with a comfy mid-waist, five pockets and zip fly with button closure. Made of so-soft and stretchy denim.</p>
<div class="mt-4 mb-4">
<div class="flex flex-row">
<p class="font-bold mr-1 5 w-24">Inseam:</p>
<span class="font-regular">26.5"</span>
</div>

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

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

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

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

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

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

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

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm text-off_black/40 cursor-default" data-action="" data-components--custom-select-target="" data-label="25" data-value="562501">
25
<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="26" data-value="562502">
26
<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="27" data-value="562503">
27
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

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

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

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

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

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm text-off_black/40 cursor-default" data-action="" data-components--custom-select-target="" data-label="32" data-value="562508">
32
<span class="text-xs ml-2">not available</span>
</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-562499" 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-562499 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="562499" data-stream--action-button-route-value="/stream/25634/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-562499 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="562499" data-stream--action-button-route-value="/stream/25634/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-562499 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="562499" data-stream--action-button-route-value="/stream/25634/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="562509" id="stream--variant-size-frame_size_562509"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="562509" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-562509" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-562509"><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-562509">
</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="24" data-value="562510">
24
<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="27" data-value="562513">
27
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

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

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

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

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

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

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

<div class="text-sm text-error hidden stream-size-error-562509" 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-562509 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="562509" data-stream--action-button-route-value="/stream/25634/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-562509 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="562509" data-stream--action-button-route-value="/stream/25634/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-562509 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="562509" data-stream--action-button-route-value="/stream/25634/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="562529" id="stream--variant-size-frame_size_562529"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="562529" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-562529" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-562529"><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-562529">
</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="24" data-value="562530">
24
<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="25" data-value="562532">
25
<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="26" data-value="562531">
26
<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="27" data-value="562533">
27
<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="28" data-value="562534">
28
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

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

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

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

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

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

<div class="text-sm text-error hidden stream-size-error-562529" 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-562529 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="562529" data-stream--action-button-route-value="/stream/25634/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-562529 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="562529" data-stream--action-button-route-value="/stream/25634/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-562529 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="562529" data-stream--action-button-route-value="/stream/25634/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="562519" id="stream--variant-size-frame_size_562519"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="562519" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-562519" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-562519"><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-562519">
</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="24" data-value="562520">
24
<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="25" data-value="562522">
25
<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="26" data-value="562521">
26
<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="27" data-value="562523">
27
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

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

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

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

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

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

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

<div class="text-sm text-error hidden stream-size-error-562519" 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-562519 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="562519" data-stream--action-button-route-value="/stream/25634/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-562519 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="562519" data-stream--action-button-route-value="/stream/25634/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-562519 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="562519" data-stream--action-button-route-value="/stream/25634/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="566694" id="variant_566694">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="566694" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-566694">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="566698" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-566698">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="539890" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-539890">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="555793" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-555793">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="555797" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-555797">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="539891" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-539891">
</turbo-frame></div>
<div class="" data-color-id="566694" 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_566694_stream_master-1758571436.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_566694_stream_master-1758571436.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_566694_stream_master-1758571436.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_566694_stream_master-1758571382.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_566694_stream_master-1758571382.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_566694_stream_master-1758571382.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_566694_stream-1758571398.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_566694_stream-1758571398.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_566694_stream-1758571398.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_566694_stream-1758571397.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_566694_stream-1758571397.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_566694_stream-1758571397.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/25634/product_details/566694/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="566698" 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_566698_stream_master-1758571450.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_566698_stream_master-1758571450.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_566698_stream_master-1758571450.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_566698_stream_master-1758571399.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_566698_stream_master-1758571399.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_566698_stream_master-1758571399.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_566698_stream_master-1758571391.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_566698_stream_master-1758571391.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_566698_stream_master-1758571391.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_566698_stream_master-1758571387.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_566698_stream_master-1758571387.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_566698_stream_master-1758571387.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/25634/product_details/566698/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="539890" 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_539890_stream_master-1740090766.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_539890_stream_master-1740090766.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_539890_stream_master-1740090766.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_539890_stream-1740090816-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_539890_stream-1740090816-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_539890_stream-1740090816-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_539890_stream-1740090816.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_539890_stream-1740090816.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_539890_stream-1740090816.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_539890_stream-1740090797.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_539890_stream-1740090797.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_539890_stream-1740090797.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/25634/product_details/539890/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="555793" 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_555793_stream_master-1758571432.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_555793_stream_master-1758571432.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_555793_stream_master-1758571432.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_555793_stream_master-1758571413.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_555793_stream_master-1758571413.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_555793_stream_master-1758571413.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_555793_stream_master-1758571413-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_555793_stream_master-1758571413-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_555793_stream_master-1758571413-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_555793_stream_master-1758571407.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_555793_stream_master-1758571407.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_555793_stream_master-1758571407.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/25634/product_details/555793/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="555797" 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_555797_stream_master-1758571453.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_555797_stream_master-1758571453.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_555797_stream_master-1758571453.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_555797_stream_master-1758571389.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_555797_stream_master-1758571389.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_555797_stream_master-1758571389.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_555797_stream-1758571402.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_555797_stream-1758571402.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_555797_stream-1758571402.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_555797_stream_master-1758571384.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_555797_stream_master-1758571384.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_555797_stream_master-1758571384.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/25634/product_details/555797/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="539891" 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_539891_stream_master-1741041178.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_539891_stream_master-1741041178.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_539891_stream_master-1741041178.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_539891_stream_master-1740090821.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_539891_stream_master-1740090821.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_539891_stream_master-1740090821.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_539891_stream_master-1740090798.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_539891_stream_master-1740090798.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_539891_stream_master-1740090798.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_539891_stream_master-1740090794.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_539891_stream_master-1740090794.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_539891_stream_master-1740090794.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/25634/product_details/539891/">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">
Pleat Pant w/ Pockets
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
Bobeau
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="566694" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Chocolate</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$64.50</p><div class="line-through ml-2 text-off_black/65">$86.00</div>
</div>
</div>

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

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="539890" 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-forest_green">$64.50</p><div class="line-through ml-2 text-off_black/65">$86.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="555793" 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">Grape Leaf</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$43.00</p><div class="line-through ml-2 text-off_black/65">$86.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="555797" 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">Fired Brick</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$43.00</p><div class="line-through ml-2 text-off_black/65">$86.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="539891" 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-forest_green">$43.00</p><div class="line-through ml-2 text-off_black/65">$86.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="566694" data-color-name="Chocolate" data-origin-label="Stream color swatch: Chocolate" 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_566694_swatch_image-1758567769.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="566698" data-color-name="Dark Gray" data-origin-label="Stream color swatch: Dark Gray" 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_566698_swatch_image-1758567780.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="539890" 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_539890_swatch_image-1740076368.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="555793" data-color-name="Grape Leaf" data-origin-label="Stream color swatch: Grape Leaf" 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_555793_swatch_image-1758567771.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="555797" data-color-name="Fired Brick" data-origin-label="Stream color swatch: Fired Brick" 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_555797_swatch_image-1758567768.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="539891" 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_539891_swatch_image-1740076369.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="566694" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="566694">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 pleated pants offer professional polish and casual comfort in one! Wide leg fit with high-rise waist and two pockets. Made of a so-soft and stretchy knit that has an elegant drape.</p>
<div class="mt-4 mb-4">
<div class="flex flex-row">
<p class="font-bold mr-1 5 w-24">Inseam:</p>
<span class="font-regular">30.0"</span>
</div>

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

</div>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>79.0% REPREVE® RECYCLED POLYESTER, 21.0% SPANDEX</p>
<h6 class="font-bold mt-4 mb-2">Model Info</h6>
<p>
<span>
Kelsey is
</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 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-566694"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="566694" id="stream--variant-size-frame_size_566694"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="566694" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-566694" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-566694"><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-566694">
</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="1X" data-value="566695">
1X
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

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

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="3X" data-value="566697">
3X
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-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-566694" 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-566694 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="566694" data-stream--action-button-route-value="/stream/25634/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-566694 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="566694" data-stream--action-button-route-value="/stream/25634/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-566694 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="566694" data-stream--action-button-route-value="/stream/25634/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="566698" id="stream--variant-size-frame_size_566698"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="566698" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-566698" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-566698"><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-566698">
</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="1X" data-value="566699">
1X
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

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

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="3X" data-value="566701">
3X
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-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-566698" 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-566698 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="566698" data-stream--action-button-route-value="/stream/25634/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-566698 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="566698" data-stream--action-button-route-value="/stream/25634/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-566698 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="566698" data-stream--action-button-route-value="/stream/25634/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="539890" id="stream--variant-size-frame_size_539890"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="539890" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-539890" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-539890"><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-539890">
</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="1X" data-value="539897">
1X
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

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

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="3X" data-value="539899">
3X
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-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-539890" 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-539890 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="539890" data-stream--action-button-route-value="/stream/25634/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-539890 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="539890" data-stream--action-button-route-value="/stream/25634/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-539890 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="539890" data-stream--action-button-route-value="/stream/25634/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="555793" id="stream--variant-size-frame_size_555793"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="555793" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-555793" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-555793"><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-555793">
</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="1X" data-value="555794">
1X
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="2X" data-value="555795">
2X
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.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="3X" data-value="555796">
3X
<span class="text-xs ml-2">not available</span>
</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-555793" 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-555793 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="555793" data-stream--action-button-route-value="/stream/25634/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-555793 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="555793" data-stream--action-button-route-value="/stream/25634/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-555793 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="555793" data-stream--action-button-route-value="/stream/25634/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="555797" id="stream--variant-size-frame_size_555797"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="555797" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-555797" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-555797"><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-555797">
</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="1X" data-value="555798">
1X
<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="2X" data-value="555799">
2X
<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="3X" data-value="555800">
3X
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-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-555797" 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-555797 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="555797" data-stream--action-button-route-value="/stream/25634/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-555797 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="555797" data-stream--action-button-route-value="/stream/25634/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-555797 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="555797" data-stream--action-button-route-value="/stream/25634/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="539891" id="stream--variant-size-frame_size_539891"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="539891" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-539891" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-539891"><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-539891">
</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-539891" 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-539891 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="539891" data-stream--action-button-route-value="/stream/25634/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-539891 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="539891" data-stream--action-button-route-value="/stream/25634/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-539891 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="539891" data-stream--action-button-route-value="/stream/25634/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="555856" id="variant_555856">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="555856" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-555856">
</turbo-frame></div>
<div class="" data-color-id="555856" 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_555856_stream_master-1759512763.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_555856_stream_master-1759512763.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_555856_stream_master-1759512763.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_555856_stream_master-1758904457.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_555856_stream_master-1758904457.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_555856_stream_master-1758904457.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_555856_stream_master-1758904439.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_555856_stream_master-1758904439.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_555856_stream_master-1758904439.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_555856_stream_master-1758904370.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_555856_stream_master-1758904370.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_555856_stream_master-1758904370.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/25634/product_details/555856/">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">
Ember Glacier Park Crewneck Pullover
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
Herizon
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="555856" 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 Indigo Haze</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$59.25</p><div class="line-through ml-2 text-off_black/65">$79.00</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="555856" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="555856">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>Show off your love for the wild with this graphic sweatshirt! Classic crewneck with a relaxed fit and a graphic &quot;GLACIER NATIONAL PARK SINCE 1910&quot; on the front. Made in the USA of a so-soft cotton knit with a comfy vintage feel.</p>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>52.0% COTTON, 48.0% POLYESTER</p>
<h6 class="font-bold mt-4 mb-2">Model Info</h6>
<p>
<span>
Grace is
<span>
<span class="font-bold">Height</span>
<span>5&#39; 8&quot;</span>
</span>
<span>
<span class="font-bold">Bust</span>
<span>34&quot;</span>
</span>
<span>
<span class="font-bold">Waist</span>
<span>27&quot;</span>
</span>
<span>
<span class="font-bold">Hips</span>
<span>38&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-555856"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="555856" id="stream--variant-size-frame_size_555856"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="555856" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-555856" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-555856"><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-555856">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

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

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

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

<div class="text-sm text-error hidden stream-size-error-555856" 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-555856 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="555856" data-stream--action-button-route-value="/stream/25634/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-555856 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="555856" data-stream--action-button-route-value="/stream/25634/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-555856 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="555856" data-stream--action-button-route-value="/stream/25634/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="545799" id="variant_545799">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="545799" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-545799">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="369265" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-369265">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="369261" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-369261"><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="369269" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-369269">
</turbo-frame></div>
<div class="" data-color-id="545799" 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_545799_stream_master-1751909631.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_545799_stream_master-1751909631.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_545799_stream_master-1751909631.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_545799_stream_master-1751909594.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_545799_stream_master-1751909594.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_545799_stream_master-1751909594.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_545799_stream-1751909627.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_545799_stream-1751909627.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_545799_stream-1751909627.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_545799_stream_master-1751909570.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_545799_stream_master-1751909570.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_545799_stream_master-1751909570.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/25634/product_details/545799/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="369265" 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_369265_stream_master-1713989267.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_369265_stream_master-1713989267.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_369265_stream_master-1713989267.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_369265_stream-1713989273.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_369265_stream-1713989273.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_369265_stream-1713989273.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_369265_stream-1713989238.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_369265_stream-1713989238.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_369265_stream-1713989238.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_369265_stream-1713989270.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_369265_stream-1713989270.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_369265_stream-1713989270.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/25634/product_details/369265/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="369261" 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_369261_stream-1655937108.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_369261_stream-1655937108.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_369261_stream-1655937108.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_369261_stream-1655937110.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_369261_stream-1655937110.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_369261_stream-1655937110.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_369261_stream-1655937172.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_369261_stream-1655937172.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_369261_stream-1655937172.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_369261_stream_master-1655937106.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_369261_stream_master-1655937106.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_369261_stream_master-1655937106.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/25634/product_details/369261/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="369269" 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_369269_stream_master-1655937090.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_369269_stream_master-1655937090.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_369269_stream_master-1655937090.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_369269_stream-1655937095.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_369269_stream-1655937095.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_369269_stream-1655937095.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_369269_stream-1655937166.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_369269_stream-1655937166.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_369269_stream-1655937166.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_369269_stream_master-1655937093.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_369269_stream_master-1655937093.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_369269_stream_master-1655937093.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/25634/product_details/369269/">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">
Surfside Stripe Scoop Tank
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
SEAS
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="545799" 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">Lime/Birch Stripe</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$26.00</p><div class="line-through ml-2 text-off_black/65">$52.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="369265" 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-forest_green">$39.00</p><div class="line-through ml-2 text-off_black/65">$52.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="369261" 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">$52.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="369269" 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">$52.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="545799" data-color-name="Lime/Birch Stripe" data-origin-label="Stream color swatch: Lime/Birch Stripe" 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_545799_swatch_image-1751907771.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="369265" data-origin-label="Stream color swatch: " 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_369265_swatch_image-1713983425.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="369261" data-origin-label="Stream color swatch: " data-stream--color-panel-target="swatch" style="background-color: #EFCF5A;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="369269" data-origin-label="Stream color swatch: " data-stream--color-panel-target="swatch" style="background-color: #C53D45;" type="button"></button>
</div>

<section class="accordion text-sm font-semibold border-t border-b my-2 py-2 overflow-hidden lg:hidden">
<div class="tab">
<input class="absolute opacity-0 -z-1" id="545799" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="545799">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>Catch the surf vibes with our cool striped tank top! Relaxed fit with a scoop neck and a curved high-low hem. Crafted from slinky-soft stretch fabric for beach days or laid-back afternoons.</p>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>95.0% RAYON, 5.0% SPANDEX</p>
<h6 class="font-bold mt-4 mb-2">Model Info</h6>
<p>
<span>
Molly is
<span>
<span class="font-bold">Height</span>
<span>5&#39; 9&quot;</span>
</span>
<span>
<span class="font-bold">Bust</span>
<span>36&quot;</span>
</span>
<span>
<span class="font-bold">Waist</span>
<span>31&quot;</span>
</span>
<span>
<span class="font-bold">Hips</span>
<span>42&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-545799"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="545799" id="stream--variant-size-frame_size_545799"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="545799" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-545799" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-545799"><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-545799">
</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="1X (14W-16W)" data-value="545800">
1X (14W-16W)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

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

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="3X (22W-24W)" data-value="545802">
3X (22W-24W)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-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-545799" 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-545799 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="545799" data-stream--action-button-route-value="/stream/25634/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-545799 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="545799" data-stream--action-button-route-value="/stream/25634/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-545799 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="545799" data-stream--action-button-route-value="/stream/25634/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="369265" id="stream--variant-size-frame_size_369265"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="369265" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-369265" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-369265"><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-369265">
</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="1X (14W-16W)" data-value="369266">
1X (14W-16W)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="2X (18W-20W)" data-value="369267">
2X (18W-20W)
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.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="3X (22W-24W)" data-value="369268">
3X (22W-24W)
<span class="text-xs ml-2">not available</span>
</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-369265" 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-369265 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="369265" data-stream--action-button-route-value="/stream/25634/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-369265 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="369265" data-stream--action-button-route-value="/stream/25634/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-369265 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="369265" data-stream--action-button-route-value="/stream/25634/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="369261" id="stream--variant-size-frame_size_369261"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="369261" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-369261" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-369261"><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-369261">
</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="1X (14W-16W)" data-value="369262">
1X (14W-16W)
<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="2X (18W-20W)" data-value="369263">
2X (18W-20W)
<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="3X (22W-24W)" data-value="369264">
3X (22W-24W)
<span class="text-xs ml-2">not available</span>
</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-369261" 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-369261 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="369261" data-stream--action-button-route-value="/stream/25634/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-369261 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="369261" data-stream--action-button-route-value="/stream/25634/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-369261 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="369261" data-stream--action-button-route-value="/stream/25634/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="369269" id="stream--variant-size-frame_size_369269"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="369269" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-369269" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-369269"><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-369269">
</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="1X (14W-16W)" data-value="369270">
1X (14W-16W)
<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="2X (18W-20W)" data-value="369271">
2X (18W-20W)
<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="3X (22W-24W)" data-value="369272">
3X (22W-24W)
<span class="text-xs ml-2">not available</span>
</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-369269" 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-369269 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="369269" data-stream--action-button-route-value="/stream/25634/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-369269 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="369269" data-stream--action-button-route-value="/stream/25634/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-369269 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="369269" data-stream--action-button-route-value="/stream/25634/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="541367" id="variant_541367">
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="437093" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-437093">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="541367" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-541367">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="530113" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-530113">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="541373" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-541373">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="437091" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-437091">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="470013" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-470013">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="474906" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-474906">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="475683" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-475683">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="475690" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-475690">
</turbo-frame></div>
<div class="!hidden" data-color-id="437093" 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_437093_stream_master-1745004807.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_437093_stream_master-1745004807.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_437093_stream_master-1745004807.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_437093_stream-1745004811.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_437093_stream-1745004811.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_437093_stream-1745004811.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_437093_stream-1745004768.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_437093_stream-1745004768.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_437093_stream-1745004768.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_437093_stream-1745004807.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_437093_stream-1745004807.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_437093_stream-1745004807.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/25634/product_details/437093/">Product Details</a>
</div>

</div>
</div>
<div class="" data-color-id="541367" 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_541367_stream_master-1743816758.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_541367_stream_master-1743816758.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_541367_stream_master-1743816758.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_541367_stream-1748968361.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_541367_stream-1748968361.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_541367_stream-1748968361.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_541367_stream-1749013359.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_541367_stream-1749013359.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_541367_stream-1749013359.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_541367_stream-1743816786.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_541367_stream-1743816786.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_541367_stream-1743816786.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/25634/product_details/541367/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="530113" 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_530113_stream_master-1740591177.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_530113_stream_master-1740591177.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_530113_stream_master-1740591177.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_530113_stream-1740591219.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_530113_stream-1740591219.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_530113_stream-1740591219.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_530113_stream_master-1740591170.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_530113_stream_master-1740591170.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_530113_stream_master-1740591170.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_530113_stream-1740591205.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_530113_stream-1740591205.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_530113_stream-1740591205.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/25634/product_details/530113/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="541373" 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_541373_stream_master-1747845169.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_541373_stream_master-1747845169.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_541373_stream_master-1747845169.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_541373_stream_master-1743816788.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_541373_stream_master-1743816788.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_541373_stream_master-1743816788.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_541373_stream-1743816814.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_541373_stream-1743816814.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_541373_stream-1743816814.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_541373_stream_master-1743816781.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_541373_stream_master-1743816781.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_541373_stream_master-1743816781.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/25634/product_details/541373/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="437091" 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_437091_stream_master-1680894024.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_437091_stream_master-1680894024.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_437091_stream_master-1680894024.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_437091_stream-1680894032.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_437091_stream-1680894032.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_437091_stream-1680894032.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_437091_stream-1680894050.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_437091_stream-1680894050.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_437091_stream-1680894050.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_437091_stream-1680894030.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_437091_stream-1680894030.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_437091_stream-1680894030.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/25634/product_details/437091/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="470013" 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_470013_stream_master-1687287689.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_470013_stream_master-1687287689.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_470013_stream_master-1687287689.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_470013_stream-1687287692.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_470013_stream-1687287692.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_470013_stream-1687287692.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_470013_stream-1687287719.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_470013_stream-1687287719.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_470013_stream-1687287719.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_470013_stream_master-1687287682.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_470013_stream_master-1687287682.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_470013_stream_master-1687287682.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/25634/product_details/470013/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="474906" 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_474906_stream_master-1742837567.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_474906_stream_master-1742837567.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_474906_stream_master-1742837567.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_474906_stream-1742837578.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_474906_stream-1742837578.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_474906_stream-1742837578.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_474906_stream-1742837616.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_474906_stream-1742837616.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_474906_stream-1742837616.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_474906_stream-1742837600.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_474906_stream-1742837600.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_474906_stream-1742837600.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_474906_stream-1742837650.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_474906_stream-1742837650.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_474906_stream-1742837650.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/25634/product_details/474906/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="475683" 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_475683_stream_master-1742837562.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_475683_stream_master-1742837562.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_475683_stream_master-1742837562.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_475683_stream-1742837575.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_475683_stream-1742837575.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_475683_stream-1742837575.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_475683_stream-1742837599.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_475683_stream-1742837599.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_475683_stream-1742837599.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_475683_stream-1742837621.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_475683_stream-1742837621.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_475683_stream-1742837621.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/25634/product_details/475683/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="475690" 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_475690_stream_master-1689022901.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_475690_stream_master-1689022901.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_475690_stream_master-1689022901.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_475690_stream_master-1689022835.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_475690_stream_master-1689022835.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_475690_stream_master-1689022835.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_475690_stream-1689022846.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_475690_stream-1689022846.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_475690_stream-1689022846.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_475690_stream_master-1689022829.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_475690_stream_master-1689022829.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_475690_stream_master-1689022829.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/25634/product_details/475690/">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">
Redwood City Banded Slub Tank
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
SEAS
</p>
<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="437093" 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>

<div class="text-sm flex justify-between mb-2" data-color-id="541367" 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">Golden</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$24.50</p><div class="line-through ml-2 text-off_black/65">$49.00</div>
</div>
</div>

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

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="541373" 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">Sapphire</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$24.50</p><div class="line-through ml-2 text-off_black/65">$49.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="437091" 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-forest_green">$24.50</p><div class="line-through ml-2 text-off_black/65">$49.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="470013" 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-forest_green">$36.75</p><div class="line-through ml-2 text-off_black/65">$49.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="474906" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">White</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>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="475683" 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">Reflecting Pond</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$36.75</p><div class="line-through ml-2 text-off_black/65">$49.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="475690" 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 Cosmos</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>

<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="437093" 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_437093_swatch_image-1744997568.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="541367" data-color-name="Golden" data-origin-label="Stream color swatch: Golden" 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_541367_swatch_image-1744758166.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="530113" data-color-name="Green Apple" data-origin-label="Stream color swatch: Green Apple" 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_530113_swatch_image-1740589383.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="541373" data-color-name="Sapphire" data-origin-label="Stream color swatch: Sapphire" 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_541373_swatch_image-1744758181.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="437091" 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_437091_swatch_image-1680895818.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="470013" 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_470013_swatch_image-1687195815.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="474906" data-color-name="White" data-origin-label="Stream color swatch: White" 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_474906_swatch_image-1742833981.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="475683" data-color-name="Reflecting Pond" data-origin-label="Stream color swatch: Reflecting Pond" 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_475683_swatch_image-1742833980.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="475690" data-color-name="Navy Cosmos" data-origin-label="Stream color swatch: Navy Cosmos" 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_475690_swatch_image-1689015615.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="541367" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="541367">Product Details</label>
<div class="tab__content text-sm font-normal max-h-[0px] overflow-hidden transition-all duration-[350ms]">
<div class="content p-1">
<div>
<p>Get ready to soak up the sun in our banded tank! Feel the breeze in this lightweight knit, designed with a regular fit, a scoop neck and a flattering elastic hem. Made in the USA from soft, stretchy fabric, it’s perfect for pairing with a cocktail and catching some rays.</p>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>60.0% POLYESTER, 35.0% RAYON, 5.0% SPANDEX</p>
<h6 class="font-bold mt-4 mb-2">Model Info</h6>
<p>
<span>
IEVA is
<span>
<span class="font-bold">Height</span>
<span>5&#39; 10&quot;</span>
</span>
<span>
<span class="font-bold">Bust</span>
<span>32&quot;</span>
</span>
<span>
<span class="font-bold">Waist</span>
<span>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-541367"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1 !hidden" data-stream--color-panel-target="sizeForm" data-color-id="437093" id="stream--variant-size-frame_size_437093"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="437093" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-437093" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-437093"><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-437093">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<div class="text-sm text-error hidden stream-size-error-475683" 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-475683 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="475683" data-stream--action-button-route-value="/stream/25634/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-475683 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="475683" data-stream--action-button-route-value="/stream/25634/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-475683 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="475683" data-stream--action-button-route-value="/stream/25634/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="475690" id="stream--variant-size-frame_size_475690"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="475690" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-475690" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-475690"><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-475690">
</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-475690" 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-475690 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="475690" data-stream--action-button-route-value="/stream/25634/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-475690 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="475690" data-stream--action-button-route-value="/stream/25634/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-475690 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="475690" data-stream--action-button-route-value="/stream/25634/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="482505" id="variant_482505">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="482505" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-482505">
</turbo-frame></div>
<div class="" data-color-id="482505" 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_482505_stream_master-1725476783.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_482505_stream_master-1725476783.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_482505_stream_master-1725476783.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_482505_stream-1725476765.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_482505_stream-1725476765.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_482505_stream-1725476765.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_482505_stream-1725476815.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_482505_stream-1725476815.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_482505_stream-1725476815.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_482505_stream-1725476757.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_482505_stream-1725476757.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_482505_stream-1725476757.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/25634/product_details/482505/">Product Details</a>
</div>

</div>
</div>
<div class="w-full flex flex-col mt-2 flex-1 px-1.5">
<h3 class="font-semibold whitespace-nowrap overflow-hidden text-ellipsis">
High Waist Front Seam Wide Leg Ponte Pant
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
Max Studio
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="482505" 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-forest_green">$88.50</p><div class="line-through ml-2 text-off_black/65">$118.00</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="482505" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="482505">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>Elevate your city-chic look with these high-waisted, wide-leg pants. Regular fit with front seam details that add an extra dash of leg-lengthening sophistication. Made of a stretchy-soft ponte knit that swishes with every step.</p>
<div class="mt-4 mb-4">
<div class="flex flex-row">
<p class="font-bold mr-1 5 w-24">Inseam:</p>
<span class="font-regular">33.0"</span>
</div>

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

</div>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>65.0% RAYON, 30.0% NYLON, 5.0% SPANDEX</p>
<h6 class="font-bold mt-4 mb-2">Model Info</h6>
<p>
<span>
Emma is
<span>
<span class="font-bold">Height</span>
<span>5&#39; 11&quot;</span>
</span>
<span>
<span class="font-bold">Bust</span>
<span>34&quot;</span>
</span>
<span>
<span class="font-bold">Waist</span>
<span>26&quot;</span>
</span>
<span>
<span class="font-bold">Hips</span>
<span>39&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-482505"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="482505" id="stream--variant-size-frame_size_482505"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="482505" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-482505" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-482505"><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-482505">
</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="482511">
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="482512">
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="482513">
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="482514">
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="482515">
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-482505" 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-482505 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="482505" data-stream--action-button-route-value="/stream/25634/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-482505 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="482505" data-stream--action-button-route-value="/stream/25634/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-482505 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="482505" data-stream--action-button-route-value="/stream/25634/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="519404" id="variant_519404">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="519404" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-519404">
</turbo-frame></div>
<div class="" data-color-id="519404" 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_519404_stream_master-1730309620.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_519404_stream_master-1730309620.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_519404_stream_master-1730309620.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_519404_stream-1730309631.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_519404_stream-1730309631.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_519404_stream-1730309631.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_519404_stream-1730309612.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_519404_stream-1730309612.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_519404_stream-1730309612.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_519404_stream-1730309624.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_519404_stream-1730309624.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_519404_stream-1730309624.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/25634/product_details/519404/">Product Details</a>
</div>

</div>
</div>
<div class="w-full flex flex-col mt-2 flex-1 px-1.5">
<h3 class="font-semibold whitespace-nowrap overflow-hidden text-ellipsis">
Mid Rise Cuffed Skinny Jeans
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
Lovervet
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="519404" 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">Sleepless</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>


<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="519404" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="519404">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 cuffed skinny jeans will take you from day to night in a flash! High-rise with five classic pockets and light distressing on the knees and thighs. Made of so-soft moderately stretchy denim.</p>
<div class="mt-4 mb-4">
<div class="flex flex-row">
<p class="font-bold mr-1 5 w-24">Inseam:</p>
<span class="font-regular">27.0"</span>
</div>

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

</div>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>93.0% COTTON, 5.0% SPANDEX, 2.0% POLYESTER</p>
<h6 class="font-bold mt-4 mb-2">Model Info</h6>
<p>
<span>
Yulia is
<span>
<span class="font-bold">Height</span>
<span>5&#39; 10&quot;</span>
</span>
<span>
<span class="font-bold">Bust</span>
<span>32&quot;</span>
</span>
<span>
<span class="font-bold">Waist</span>
<span>24&quot;</span>
</span>
<span>
<span class="font-bold">Hips</span>
<span>35&quot;</span>
</span>
</span>

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

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

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

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

<turbo-frame class="empty:hidden" id="stream-tooltip-popup-519404"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="519404" id="stream--variant-size-frame_size_519404"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="519404" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-519404" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-519404"><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-519404">
</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="24" data-value="519405">
24
<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="25" data-value="519406">
25
<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="26" data-value="519407">
26
<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="27" data-value="519408">
27
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

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

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

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

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

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

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

<div class="text-sm text-error hidden stream-size-error-519404" 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-519404 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="519404" data-stream--action-button-route-value="/stream/25634/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-519404 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="519404" data-stream--action-button-route-value="/stream/25634/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-519404 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="519404" data-stream--action-button-route-value="/stream/25634/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="541343" id="variant_541343">
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="565658" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-565658">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="530101" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-530101">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="565901" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-565901">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="549064" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-549064">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="352512" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-352512">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="541343" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-541343">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="549070" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-549070">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="540740" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-540740">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="352518" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-352518">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="352524" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-352524">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="529214" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-529214">
</turbo-frame></div>
<div class="!hidden" data-color-id="565658" 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_565658_stream_master-1776267187.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_565658_stream_master-1776267187.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_565658_stream_master-1776267187.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_565658_stream-1776263610.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_565658_stream-1776263610.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_565658_stream-1776263610.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_565658_stream-1776099791.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_565658_stream-1776099791.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_565658_stream-1776099791.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_565658_stream-1776283382.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_565658_stream-1776283382.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_565658_stream-1776283382.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_565658_stream-1776263562.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_565658_stream-1776263562.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_565658_stream-1776263562.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_565658_stream_master-1775599372.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_565658_stream_master-1775599372.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_565658_stream_master-1775599372.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/25634/product_details/565658/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="530101" 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_530101_stream_master-1753401769.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_530101_stream_master-1753401769.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_530101_stream_master-1753401769.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_530101_stream_master-1735936398.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_530101_stream_master-1735936398.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_530101_stream_master-1735936398.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_530101_stream_master-1735936370.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_530101_stream_master-1735936370.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_530101_stream_master-1735936370.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_530101_stream-1735936374.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_530101_stream-1735936374.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_530101_stream-1735936374.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/25634/product_details/530101/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="565901" 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_565901_stream_master-1775061199.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_565901_stream_master-1775061199.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_565901_stream_master-1775061199.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_565901_stream-1775061217.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_565901_stream-1775061217.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_565901_stream-1775061217.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_565901_stream_master-1775061190.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_565901_stream_master-1775061190.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_565901_stream_master-1775061190.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_565901_stream-1775061203.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_565901_stream-1775061203.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_565901_stream-1775061203.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_565901_stream-1775061201.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_565901_stream-1775061201.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_565901_stream-1775061201.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/25634/product_details/565901/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="549064" 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_549064_stream_master-1754420615.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_549064_stream_master-1754420615.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_549064_stream_master-1754420615.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_549064_stream_master-1754420602.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_549064_stream_master-1754420602.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_549064_stream_master-1754420602.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_549064_stream_master-1754420601.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_549064_stream_master-1754420601.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_549064_stream_master-1754420601.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_549064_stream_master-1754420597.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_549064_stream_master-1754420597.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_549064_stream_master-1754420597.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/25634/product_details/549064/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="352512" 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_352512_stream_master-1748385210.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_352512_stream_master-1748385210.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_352512_stream_master-1748385210.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_352512_stream-1748385198.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_352512_stream-1748385198.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_352512_stream-1748385198.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_352512_stream-1748385241.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_352512_stream-1748385241.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_352512_stream-1748385241.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_352512_stream-1748385196.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_352512_stream-1748385196.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_352512_stream-1748385196.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/25634/product_details/352512/">Product Details</a>
</div>

</div>
</div>
<div class="" data-color-id="541343" 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_541343_stream_master-1750970027.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_541343_stream_master-1750970027.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_541343_stream_master-1750970027.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_541343_stream_master-1750970027-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_541343_stream_master-1750970027-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_541343_stream_master-1750970027-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_541343_stream_master-1750970017.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_541343_stream_master-1750970017.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_541343_stream_master-1750970017.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_541343_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_541343_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_541343_stream_master-1750969992.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/25634/product_details/541343/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="549070" 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_549070_stream_master-1754420611.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_549070_stream_master-1754420611.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_549070_stream_master-1754420611.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_549070_stream_master-1754420593.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_549070_stream_master-1754420593.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_549070_stream_master-1754420593.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_549070_stream-1754420598.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_549070_stream-1754420598.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_549070_stream-1754420598.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_549070_stream_master-1754420594.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_549070_stream_master-1754420594.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_549070_stream_master-1754420594.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/25634/product_details/549070/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="540740" 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_540740_stream_master-1747076634.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_540740_stream_master-1747076634.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_540740_stream_master-1747076634.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_540740_stream_master-1747076625.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_540740_stream_master-1747076625.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_540740_stream_master-1747076625.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_540740_stream-1747076649.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_540740_stream-1747076649.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_540740_stream-1747076649.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_540740_stream_master-1747076609.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_540740_stream_master-1747076609.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_540740_stream_master-1747076609.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/25634/product_details/540740/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="352518" 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_352518_stream_master-1655314248.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_352518_stream_master-1655314248.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_352518_stream_master-1655314248.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_352518_stream_master-1655314242.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_352518_stream_master-1655314242.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_352518_stream_master-1655314242.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_352518_stream-1655314281.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_352518_stream-1655314281.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_352518_stream-1655314281.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_352518_stream_master-1655314251.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_352518_stream_master-1655314251.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_352518_stream_master-1655314251.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/25634/product_details/352518/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="352524" 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_352524_stream_master-1655314239.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_352524_stream_master-1655314239.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_352524_stream_master-1655314239.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_352524_stream_master-1655314237.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_352524_stream_master-1655314237.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_352524_stream_master-1655314237.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_352524_stream-1655314277.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_352524_stream-1655314277.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_352524_stream-1655314277.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_352524_stream_master-1655314245.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_352524_stream_master-1655314245.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_352524_stream_master-1655314245.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/25634/product_details/352524/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="529214" 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_529214_stream_master-1736865254.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_529214_stream_master-1736865254.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_529214_stream_master-1736865254.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_529214_stream_master-1736865236.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_529214_stream_master-1736865236.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_529214_stream_master-1736865236.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_529214_stream_master-1736865175.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_529214_stream_master-1736865175.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_529214_stream_master-1736865175.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_529214_stream-1736865187.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_529214_stream-1736865187.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_529214_stream-1736865187.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/25634/product_details/529214/">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">
Surfside Stripe Scoop Tank
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
SEAS
</p>
<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="565658" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Natural Sea Glass</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>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="530101" 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">Amber Haze Stripe</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>

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

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="549064" 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">Burlwood Stripe</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$24.50</p><div class="line-through ml-2 text-off_black/65">$49.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="352512" 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-forest_green">$24.50</p><div class="line-through ml-2 text-off_black/65">$49.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2" data-color-id="541343" 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">Lime Birch Stripe</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$24.50</p><div class="line-through ml-2 text-off_black/65">$49.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="549070" 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 Stripe</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$24.50</p><div class="line-through ml-2 text-off_black/65">$49.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="540740" 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">Birch White Stripe</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$36.75</p><div class="line-through ml-2 text-off_black/65">$49.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="352518" 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">$49.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="352524" 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-forest_green">$34.50</p><div class="line-through ml-2 text-off_black/65">$49.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="529214" 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">$49.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="565658" data-color-name="Natural Sea Glass" data-origin-label="Stream color swatch: Natural Sea Glass" 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_565658_swatch_image-1776106970.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="530101" data-color-name="Amber Haze Stripe" data-origin-label="Stream color swatch: Amber Haze Stripe" 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_530101_swatch_image-1735925562.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="565901" data-color-name="White Sapphire" data-origin-label="Stream color swatch: White Sapphire" 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_565901_swatch_image-1775070179.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="549064" data-color-name="Burlwood Stripe" data-origin-label="Stream color swatch: Burlwood Stripe" 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_549064_swatch_image-1754418774.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="352512" data-origin-label="Stream color swatch: " 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_352512_swatch_image-1748016176.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="541343" data-color-name="Lime Birch Stripe" data-origin-label="Stream color swatch: Lime Birch Stripe" 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_541343_swatch_image-1750966380.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="549070" data-color-name="Cream Stripe" data-origin-label="Stream color swatch: Cream Stripe" 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_549070_swatch_image-1754418763.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="540740" data-color-name="Birch White Stripe" data-origin-label="Stream color swatch: Birch White Stripe" 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_540740_swatch_image-1747071170.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="352518" data-origin-label="Stream color swatch: " 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="352524" data-origin-label="Stream color swatch: " data-stream--color-panel-target="swatch" style="background-color: #C53D45;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="529214" data-color-name="Mariner Midnight" data-origin-label="Stream color swatch: Mariner Midnight" 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_529214_swatch_image-1736795001.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="+1" data-stream--color-panel-target="swatchToggle" type="button">
+1
</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="541343" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="541343">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 surfside style with our striped tank top! Relaxed fit with scoop neck and curved high-low hem. Crafted in the USA from stretchy-soft jersey fabric that stays easy-breezy from the boat to the boardwalk.</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>
<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-541343"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1 !hidden" data-stream--color-panel-target="sizeForm" data-color-id="565658" id="stream--variant-size-frame_size_565658"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="565658" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-565658" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-565658"><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-565658">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<div class="text-sm text-error hidden stream-size-error-352524" 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-352524 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="352524" data-stream--action-button-route-value="/stream/25634/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-352524 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="352524" data-stream--action-button-route-value="/stream/25634/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-352524 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="352524" data-stream--action-button-route-value="/stream/25634/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="529214" id="stream--variant-size-frame_size_529214"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="529214" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-529214" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-529214"><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-529214">
</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-529214" 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-529214 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="529214" data-stream--action-button-route-value="/stream/25634/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-529214 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="529214" data-stream--action-button-route-value="/stream/25634/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-529214 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="529214" data-stream--action-button-route-value="/stream/25634/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="557780" id="variant_557780">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="557780" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-557780">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="557771" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-557771">
</turbo-frame></div>
<div class="" data-color-id="557780" 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_557780_stream_master-1760560374.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_557780_stream_master-1760560374.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_557780_stream_master-1760560374.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_557780_stream-1760560433.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_557780_stream-1760560433.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_557780_stream-1760560433.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_557780_stream-1760560413.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_557780_stream-1760560413.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_557780_stream-1760560413.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_557780_stream-1760560390.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_557780_stream-1760560390.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_557780_stream-1760560390.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/25634/product_details/557780/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="557771" 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_557771_stream_master-1758218574.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_557771_stream_master-1758218574.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_557771_stream_master-1758218574.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_557771_stream-1758218627.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_557771_stream-1758218627.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_557771_stream-1758218627.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_557771_stream-1758218603.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_557771_stream-1758218603.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_557771_stream-1758218603.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_557771_stream_master-1758218559.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_557771_stream_master-1758218559.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_557771_stream_master-1758218559.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/25634/product_details/557771/">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">
Avery Cropped Straight Jean
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
SEAS
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="557780" 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">Rip Tide</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$44.50</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="557771" 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">Swell</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$44.50</p><div class="line-through ml-2 text-off_black/65">$89.00</div>
</div>
</div>

<div class="flex flex-wrap items-center gap-1 pb-2">
<button class="w-6 h-6 border ring-1 ring-off_black" data-action="stream--color-panel#selectColor" data-color-id="557780" data-color-name="Rip Tide" data-origin-label="Stream color swatch: Rip Tide" 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_557780_swatch_image-1767373364.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="557771" data-color-name="Swell" data-origin-label="Stream color swatch: Swell" 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="557780" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="557780">Product Details</label>
<div class="tab__content text-sm font-normal max-h-[0px] overflow-hidden transition-all duration-[350ms]">
<div class="content p-1">
<div>
<p>The Avery Cropped Straight Jean is bringing boho glam to your denim days. Mid-rise with a straight silhouette, these jeans offer moderate stretch and a clean fabrication for effortless style. With a 27&quot; inseam, they&#39;re perfect for that timeless, laid-back look.</p>
<div class="mt-4 mb-4">
<div class="flex flex-row">
<p class="font-bold mr-1 5 w-24">Inseam:</p>
<span class="font-regular">27.0"</span>
</div>

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

</div>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>62.0% COTTON, 32.0% POLYESTER, 4.0% VISCOSE, 2.0% SPANDEX</p>
<h6 class="font-bold mt-4 mb-2">Model Info</h6>
<p>
<span>
Moa is
<span>
<span class="font-bold">Height</span>
<span>5&#39; 10&quot;</span>
</span>
<span>
<span class="font-bold">Bust</span>
<span>33&quot;</span>
</span>
<span>
<span class="font-bold">Waist</span>
<span>25&quot;</span>
</span>
<span>
<span class="font-bold">Wearing Size</span>
<span>2</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-557780"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1" data-stream--color-panel-target="sizeForm" data-color-id="557780" id="stream--variant-size-frame_size_557780"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="557780" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-557780" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-557780"><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-557780">
</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="0" data-value="557781">
0
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

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

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

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

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

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

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

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

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

<div class="text-sm text-error hidden stream-size-error-557780" 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-557780 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="557780" data-stream--action-button-route-value="/stream/25634/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-557780 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="557780" data-stream--action-button-route-value="/stream/25634/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-557780 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="557780" data-stream--action-button-route-value="/stream/25634/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="557771" id="stream--variant-size-frame_size_557771"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="557771" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-557771" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-557771"><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-557771">
</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-557771" 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-557771 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="557771" data-stream--action-button-route-value="/stream/25634/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-557771 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="557771" data-stream--action-button-route-value="/stream/25634/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-557771 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="557771" data-stream--action-button-route-value="/stream/25634/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="422160" id="variant_422160">
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="422152" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-422152">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="422160" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-422160">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="189098" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-189098">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="422153" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-422153">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="422164" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-422164">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="497153" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-497153">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="507181" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-507181">
</turbo-frame></div>
<div class="!hidden" data-color-id="422152" 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_422152_stream_master-1727741034.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_422152_stream_master-1727741034.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_422152_stream_master-1727741034.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_422152_stream-1727741008.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_422152_stream-1727741008.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_422152_stream-1727741008.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_422152_stream-1727741033.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_422152_stream-1727741033.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_422152_stream-1727741033.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_422152_stream-1727740975.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_422152_stream-1727740975.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_422152_stream-1727740975.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/25634/product_details/422152/">Product Details</a>
</div>

</div>
</div>
<div class="" data-color-id="422160" 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_422160_stream_master-1727741015.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_422160_stream_master-1727741015.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_422160_stream_master-1727741015.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_422160_stream-1727740991.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_422160_stream-1727740991.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_422160_stream-1727740991.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_422160_stream-1727741018.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_422160_stream-1727741018.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_422160_stream-1727741018.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_422160_stream-1727741020.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_422160_stream-1727741020.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_422160_stream-1727741020.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/25634/product_details/422160/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="189098" 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_189098_stream-1661551214.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_189098_stream-1661551214.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_189098_stream-1661551214.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_189098_stream-1661551218.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_189098_stream-1661551218.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_189098_stream-1661551218.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_189098_stream-1661551296.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_189098_stream-1661551296.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_189098_stream-1661551296.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/25634/product_details/189098/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="422153" 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_422153_stream_master-1704749532.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_422153_stream_master-1704749532.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_422153_stream_master-1704749532.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_422153_stream-1704749468.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_422153_stream-1704749468.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_422153_stream-1704749468.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_422153_stream-1704749498.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_422153_stream-1704749498.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_422153_stream-1704749498.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_422153_stream-1704749462.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_422153_stream-1704749462.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_422153_stream-1704749462.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/25634/product_details/422153/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="422164" 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_422164_stream_master-1674586816.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_422164_stream_master-1674586816.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_422164_stream_master-1674586816.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_422164_stream-1674586911.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_422164_stream-1674586911.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_422164_stream-1674586911.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_422164_stream-1674586870.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_422164_stream-1674586870.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_422164_stream-1674586870.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_422164_stream-1674586819.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_422164_stream-1674586819.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_422164_stream-1674586819.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/25634/product_details/422164/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="497153" 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_497153_stream_master-1713989254.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_497153_stream_master-1713989254.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_497153_stream_master-1713989254.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_497153_stream_master-1713989249.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_497153_stream_master-1713989249.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_497153_stream_master-1713989249.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_497153_stream-1713989281.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_497153_stream-1713989281.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_497153_stream-1713989281.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_497153_stream-1713989251.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_497153_stream-1713989251.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_497153_stream-1713989251.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/25634/product_details/497153/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="507181" 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_507181_stream_master-1720632987.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_507181_stream_master-1720632987.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_507181_stream_master-1720632987.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_507181_stream-1720632959.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_507181_stream-1720632959.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_507181_stream-1720632959.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_507181_stream-1720632973.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_507181_stream-1720632973.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_507181_stream-1720632973.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_507181_stream-1720632979.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_507181_stream-1720632979.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_507181_stream-1720632979.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/25634/product_details/507181/">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">
Boyfriend Blazer
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
Liverpool
</p>
<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="422152" 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">$119.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="422160" 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">Cadet Blue</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$89.25</p><div class="line-through ml-2 text-off_black/65">$119.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="189098" 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">$119.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="422153" 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">Maple</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$119.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="422164" 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">Royal Navy</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$89.25</p><div class="line-through ml-2 text-off_black/65">$119.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="497153" 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">Federal Navy</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$89.25</p><div class="line-through ml-2 text-off_black/65">$119.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="507181" 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">Bordeaux</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$119.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="422152" 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_422152_swatch_image-1727730169.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="422160" data-color-name="Cadet Blue" data-origin-label="Stream color swatch: Cadet Blue" 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_422160_swatch_image-1727730165.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="189098" data-origin-label="Stream color swatch: " 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_189098_swatch_image-1689006612.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="422153" data-color-name="Maple" data-origin-label="Stream color swatch: Maple" 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_422153_swatch_image-1704736822.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="422164" data-color-name="Royal Navy" data-origin-label="Stream color swatch: Royal 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_422164_swatch_image-1674583219.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="497153" data-color-name="Federal Navy" data-origin-label="Stream color swatch: Federal 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_497153_swatch_image-1713983411.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="507181" data-color-name="Bordeaux" data-origin-label="Stream color swatch: Bordeaux" 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_507181_swatch_image-1720631124.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="422160" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="422160">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 stylish blazer was made to elevate your #ootd whether you&#39;re working or playing! Relaxed fit with an open front, notched lapels, cuffed sleeves and two pockets. Made of stretchy-soft fabric for all-day comfort.</p>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>54.0% RAYON, 35.0% NYLON, 11.0% SPANDEX</p>
<h6 class="font-bold mt-4 mb-2">Model Info</h6>
<p>
<span>
Paige is
<span>
<span class="font-bold">Height</span>
<span>5&#39; 11&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-422160"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1 !hidden" data-stream--color-panel-target="sizeForm" data-color-id="422152" id="stream--variant-size-frame_size_422152"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="422152" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-422152" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-422152"><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-422152">
</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="1X" data-value="422154">
1X
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

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

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="3X" data-value="422156">
3X
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-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-422152" 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-422152 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="422152" data-stream--action-button-route-value="/stream/25634/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-422152 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="422152" data-stream--action-button-route-value="/stream/25634/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-422152 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="422152" data-stream--action-button-route-value="/stream/25634/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="422160" id="stream--variant-size-frame_size_422160"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="422160" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-422160" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-422160"><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-422160">
</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="1X" data-value="422161">
1X
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 stroke-2 invisible">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg>

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

</li>
<li class="flex items-center justify-between px-3 py-2 text-sm hover:bg-cool_gray hover:text-off_black cursor-pointer" data-action="click-&gt;components--custom-select#select" data-components--custom-select-target="option" data-label="3X" data-value="422163">
3X
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-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-422160" 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-422160 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="422160" data-stream--action-button-route-value="/stream/25634/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-422160 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="422160" data-stream--action-button-route-value="/stream/25634/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-422160 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="422160" data-stream--action-button-route-value="/stream/25634/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="189098" id="stream--variant-size-frame_size_189098"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="189098" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-189098" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-189098"><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-189098">
</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="1X (14W-16W)" data-value="189099">
1X (14W-16W)
<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="2X (18W-20W)" data-value="189100">
2X (18W-20W)
<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="3X (22W-24W)" data-value="189101">
3X (22W-24W)
<span class="text-xs ml-2">not available</span>
</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-189098" 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-189098 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="189098" data-stream--action-button-route-value="/stream/25634/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-189098 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="189098" data-stream--action-button-route-value="/stream/25634/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-189098 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="189098" data-stream--action-button-route-value="/stream/25634/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="422153" id="stream--variant-size-frame_size_422153"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="422153" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-422153" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-422153"><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-422153">
</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-422153" 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-422153 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="422153" data-stream--action-button-route-value="/stream/25634/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-422153 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="422153" data-stream--action-button-route-value="/stream/25634/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-422153 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="422153" data-stream--action-button-route-value="/stream/25634/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="422164" id="stream--variant-size-frame_size_422164"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="422164" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-422164" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-422164"><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-422164">
</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-422164" 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-422164 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="422164" data-stream--action-button-route-value="/stream/25634/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-422164 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="422164" data-stream--action-button-route-value="/stream/25634/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-422164 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="422164" data-stream--action-button-route-value="/stream/25634/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="497153" id="stream--variant-size-frame_size_497153"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="497153" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-497153" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-497153"><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-497153">
</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="1X (14W-16W)" data-value="497154">
1X (14W-16W)
<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="2X (18W-20W)" data-value="497155">
2X (18W-20W)
<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="3X (22W-24W)" data-value="497156">
3X (22W-24W)
<span class="text-xs ml-2">not available</span>
</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-497153" 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-497153 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="497153" data-stream--action-button-route-value="/stream/25634/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-497153 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="497153" data-stream--action-button-route-value="/stream/25634/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-497153 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="497153" data-stream--action-button-route-value="/stream/25634/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="507181" id="stream--variant-size-frame_size_507181"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="507181" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-507181" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-507181"><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-507181">
</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="1X" data-value="507182">
1X
<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="2X" data-value="507183">
2X
<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="3X" data-value="507184">
3X
<span class="text-xs ml-2">not available</span>
</li>
</ul>
</div>
</div>
</div>

<div class="text-sm text-error hidden stream-size-error-507181" 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-507181 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="507181" data-stream--action-button-route-value="/stream/25634/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-507181 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="507181" data-stream--action-button-route-value="/stream/25634/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-507181 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="507181" data-stream--action-button-route-value="/stream/25634/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="527234" id="variant_527234">
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="527240" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-527240">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="547521" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-547521">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="527234" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-527234">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="548175" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-548175">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="547539" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-547539">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="482605" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-482605">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="440481" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-440481">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="482611" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-482611">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="523741" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-523741">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="547527" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-547527">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="537614" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-537614">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="547533" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-547533">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="440487" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-440487">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="440475" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-440475">
</turbo-frame></div>
<div class="!hidden" data-color-id="527240" 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_527240_stream_master-1731623604.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_527240_stream_master-1731623604.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_527240_stream_master-1731623604.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_527240_stream_master-1731623573.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_527240_stream_master-1731623573.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_527240_stream_master-1731623573.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_527240_stream-1731623585.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_527240_stream-1731623585.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_527240_stream-1731623585.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/25634/product_details/527240/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="547521" 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_547521_stream_master-1736535787.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_547521_stream_master-1736535787.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_547521_stream_master-1736535787.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_547521_stream_master-1736535786.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_547521_stream_master-1736535786.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_547521_stream_master-1736535786.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_547521_stream-1736535791.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_547521_stream-1736535791.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_547521_stream-1736535791.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/25634/product_details/547521/">Product Details</a>
</div>

</div>
</div>
<div class="" data-color-id="527234" 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_527234_stream_master-1731623608.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_527234_stream_master-1731623608.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_527234_stream_master-1731623608.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_527234_stream_master-1731623584.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_527234_stream_master-1731623584.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_527234_stream_master-1731623584.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_527234_stream_master-1731623582.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_527234_stream_master-1731623582.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_527234_stream_master-1731623582.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/25634/product_details/527234/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="548175" 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_548175_stream-1739297021.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_548175_stream-1739297021.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_548175_stream-1739297021.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_548175_stream-1739296970.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_548175_stream-1739296970.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_548175_stream-1739296970.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_548175_stream-1739296967.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_548175_stream-1739296967.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_548175_stream-1739296967.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_548175_stream_master-1739296960.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_548175_stream_master-1739296960.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_548175_stream_master-1739296960.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/25634/product_details/548175/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="547539" 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_547539_stream_master-1736535796.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_547539_stream_master-1736535796.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_547539_stream_master-1736535796.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_547539_stream_master-1736535784.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_547539_stream_master-1736535784.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_547539_stream_master-1736535784.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_547539_stream-1736535789.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_547539_stream-1736535789.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_547539_stream-1736535789.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/25634/product_details/547539/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="482605" 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_482605_stream_master-1727299988.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_482605_stream_master-1727299988.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_482605_stream_master-1727299988.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_482605_stream-1727300008.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_482605_stream-1727300008.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_482605_stream-1727300008.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_482605_stream-1727300017.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_482605_stream-1727300017.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_482605_stream-1727300017.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_482605_stream-1727299996.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_482605_stream-1727299996.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_482605_stream-1727299996.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/25634/product_details/482605/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="440481" 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_440481_stream_master-1748896421.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_440481_stream_master-1748896421.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_440481_stream_master-1748896421.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_440481_stream-1748896369.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_440481_stream-1748896369.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_440481_stream-1748896369.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_440481_stream-1748896385.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_440481_stream-1748896385.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_440481_stream-1748896385.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_440481_stream-1748896406.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_440481_stream-1748896406.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_440481_stream-1748896406.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/25634/product_details/440481/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="482611" 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_482611_stream_master-1707170413.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_482611_stream_master-1707170413.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_482611_stream_master-1707170413.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_482611_stream-1707170417.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_482611_stream-1707170417.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_482611_stream-1707170417.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_482611_stream-1707170468.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_482611_stream-1707170468.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_482611_stream-1707170468.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_482611_stream-1707170415.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_482611_stream-1707170415.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_482611_stream-1707170415.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/25634/product_details/482611/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="523741" 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_523741_stream-1738613013.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_523741_stream-1738613013.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_523741_stream-1738613013.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_523741_stream-1738613020.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_523741_stream-1738613020.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_523741_stream-1738613020.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_523741_stream-1738613011.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_523741_stream-1738613011.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_523741_stream-1738613011.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_523741_stream_master-1738612969.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_523741_stream_master-1738612969.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_523741_stream_master-1738612969.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/25634/product_details/523741/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="547527" 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_547527_stream_master-1740603870.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_547527_stream_master-1740603870.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_547527_stream_master-1740603870.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_547527_stream_master-1740603873.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_547527_stream_master-1740603873.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_547527_stream_master-1740603873.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_547527_stream_master-1740603848.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_547527_stream_master-1740603848.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_547527_stream_master-1740603848.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_547527_stream_master-1740603774.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_547527_stream_master-1740603774.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_547527_stream_master-1740603774.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/25634/product_details/547527/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="537614" 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_537614_stream_master-1748896386.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_537614_stream_master-1748896386.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_537614_stream_master-1748896386.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_537614_stream-1748896400.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_537614_stream-1748896400.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_537614_stream-1748896400.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_537614_stream-1748896429.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_537614_stream-1748896429.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_537614_stream-1748896429.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_537614_stream_master-1748896369.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_537614_stream_master-1748896369.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_537614_stream_master-1748896369.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_537614_stream_master-1738954960.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_537614_stream_master-1738954960.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_537614_stream_master-1738954960.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_537614_stream-1738954998.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_537614_stream-1738954998.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_537614_stream-1738954998.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_537614_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_537614_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_537614_stream_master-1738954962.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/25634/product_details/537614/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="547533" 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_547533_stream_master-1736535788.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_547533_stream_master-1736535788.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_547533_stream_master-1736535788.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_547533_stream_master-1736535782.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_547533_stream_master-1736535782.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_547533_stream_master-1736535782.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_547533_stream-1736535788.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_547533_stream-1736535788.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_547533_stream-1736535788.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/25634/product_details/547533/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="440487" 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_440487_stream_master-1711049556.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_440487_stream_master-1711049556.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_440487_stream_master-1711049556.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_440487_stream-1711049562.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_440487_stream-1711049562.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_440487_stream-1711049562.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_440487_stream-1711049553.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_440487_stream-1711049553.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_440487_stream-1711049553.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_440487_stream-1711049559.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_440487_stream-1711049559.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_440487_stream-1711049559.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/25634/product_details/440487/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="440475" 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_440475_stream_master-1705100426.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_440475_stream_master-1705100426.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_440475_stream_master-1705100426.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_440475_stream-1705100432.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_440475_stream-1705100432.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_440475_stream-1705100432.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_440475_stream-1705100439.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_440475_stream-1705100439.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_440475_stream-1705100439.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_440475_stream-1705100429.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_440475_stream-1705100429.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_440475_stream-1705100429.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/25634/product_details/440475/">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">
Kate Knit Blazer
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
ICHI
</p>
<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="527240" 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">Lapis</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$109.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="547521" 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">Azure Blue</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$109.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="527234" 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">Total Eclipse</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$81.75</p><div class="line-through ml-2 text-off_black/65">$109.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="548175" 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">Holly Berry</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$109.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="547539" 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">Lizard</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$109.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="482605" 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">Doeskin</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$81.75</p><div class="line-through ml-2 text-off_black/65">$109.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="440481" 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">Cloud Dancer</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$81.75</p><div class="line-through ml-2 text-off_black/65">$109.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="482611" 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">Super Pink</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$109.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="523741" 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">Kalamata</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$109.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="547527" 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 Smoke Melange</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$109.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="537614" 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 Rose</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$109.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="547533" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Grey Melange</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$109.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="440487" 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">Poppy Red</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-off_black">$109.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="440475" 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">$109.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="527240" data-color-name="Lapis" data-origin-label="Stream color swatch: Lapis" 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_527240_swatch_image-1731623579.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="547521" data-color-name="Azure Blue" data-origin-label="Stream color swatch: Azure Blue" 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_547521_swatch_image-1736535782.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="527234" data-color-name="Total Eclipse" data-origin-label="Stream color swatch: Total Eclipse" 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_527234_swatch_image-1731623581.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="548175" data-color-name="Holly Berry" data-origin-label="Stream color swatch: Holly Berry" 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_548175_swatch_image-1739295164.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="547539" data-color-name="Lizard" data-origin-label="Stream color swatch: Lizard" 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_547539_swatch_image-1736535774.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="482605" data-color-name="Doeskin" data-origin-label="Stream color swatch: Doeskin" 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_482605_swatch_image-1727292768.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="440481" data-color-name="Cloud Dancer" data-origin-label="Stream color swatch: Cloud Dancer" 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_440481_swatch_image-1748890998.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="482611" data-color-name="Super Pink" data-origin-label="Stream color swatch: Super Pink" 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_482611_swatch_image-1707163224.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="523741" data-color-name="Kalamata" data-origin-label="Stream color swatch: Kalamata" 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_523741_swatch_image-1738690378.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="547527" data-color-name="Rose Smoke Melange" data-origin-label="Stream color swatch: Rose Smoke Melange" 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_547527_swatch_image-1740598369.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="537614" data-color-name="Heather Rose" data-origin-label="Stream color swatch: Heather Rose" 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_537614_swatch_image-1748890990.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="547533" data-color-name="Grey Melange" data-origin-label="Stream color swatch: Grey Melange" 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_547533_swatch_image-1736535775.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="440487" data-color-name="Poppy Red" data-origin-label="Stream color swatch: Poppy Red" 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_440487_swatch_image-1711389617.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="440475" data-color-name="Black" data-origin-label="Stream color swatch: Black" 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_440475_swatch_image-1705093220.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="+4" data-stream--color-panel-target="swatchToggle" type="button">
+4
</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="527234" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="527234">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 fitted, single-breasted blazer with a stretchy secret! Classic fit with a single button, notched lapels and two faux welt pockets. Made of a soft knit for unrestricted movement and style.</p>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>74% Polyester,22% Viscose,4% 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-527234"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1 !hidden" data-stream--color-panel-target="sizeForm" data-color-id="527240" id="stream--variant-size-frame_size_527240"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="527240" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-527240" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-527240"><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-527240">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<div class="text-sm text-error hidden stream-size-error-523741" 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-523741 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="523741" data-stream--action-button-route-value="/stream/25634/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-523741 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="523741" data-stream--action-button-route-value="/stream/25634/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-523741 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="523741" data-stream--action-button-route-value="/stream/25634/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="547527" id="stream--variant-size-frame_size_547527"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="547527" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-547527" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-547527"><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-547527">
</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-547527" 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-547527 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="547527" data-stream--action-button-route-value="/stream/25634/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-547527 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="547527" data-stream--action-button-route-value="/stream/25634/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-547527 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="547527" data-stream--action-button-route-value="/stream/25634/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="537614" id="stream--variant-size-frame_size_537614"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="537614" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-537614" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-537614"><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-537614">
</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-537614" 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-537614 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="537614" data-stream--action-button-route-value="/stream/25634/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-537614 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="537614" data-stream--action-button-route-value="/stream/25634/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-537614 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="537614" data-stream--action-button-route-value="/stream/25634/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="547533" id="stream--variant-size-frame_size_547533"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="547533" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-547533" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-547533"><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-547533">
</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-547533" 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-547533 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="547533" data-stream--action-button-route-value="/stream/25634/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-547533 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="547533" data-stream--action-button-route-value="/stream/25634/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-547533 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="547533" data-stream--action-button-route-value="/stream/25634/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="440487" id="stream--variant-size-frame_size_440487"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="440487" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-440487" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-440487"><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-440487">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

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

<div class="text-sm text-error hidden stream-size-error-440487" 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-440487 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="440487" data-stream--action-button-route-value="/stream/25634/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-440487 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="440487" data-stream--action-button-route-value="/stream/25634/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-440487 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="440487" data-stream--action-button-route-value="/stream/25634/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="440475" id="stream--variant-size-frame_size_440475"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="440475" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-440475" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-440475"><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-440475">
</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-440475" 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-440475 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="440475" data-stream--action-button-route-value="/stream/25634/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-440475 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="440475" data-stream--action-button-route-value="/stream/25634/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-440475 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="440475" data-stream--action-button-route-value="/stream/25634/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="551086" id="variant_551086">
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="551086" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-551086">
</turbo-frame></div>
<div class="" data-color-id="551086" 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_551086_stream-1752275042.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_551086_stream-1752275042.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_551086_stream-1752275042.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_551086_stream-1755037957.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_551086_stream-1755037957.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_551086_stream-1755037957.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_551086_stream_master-1749087174.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_551086_stream_master-1749087174.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_551086_stream_master-1749087174.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_551086_stream-1752706981.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_551086_stream-1752706981.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_551086_stream-1752706981.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_551086_stream-1749087183.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_551086_stream-1749087183.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_551086_stream-1749087183.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_551086_stream_master-1749087159.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_551086_stream_master-1749087159.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_551086_stream_master-1749087159.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/25634/product_details/551086/">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">
Baja Wool Blend Jacket
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
SEAS
</p>
<div class="text-sm flex justify-between mb-2" data-color-id="551086" 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">Carmel</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$96.75</p><div class="line-through ml-2 text-off_black/65">$129.00</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="551086" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="551086">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 wool blend bomber with flap pockets, snap closures, and subtle seam detail. Think old-school letterman jacket, grown-up. Slightly structured, always cool.</p>
<h6 class="font-bold mt-4 mb-2">Materials</h6>
<p>90.0% POLYESTER, 10.0% WOOL</p>
<h6 class="font-bold mt-4 mb-2">Model Info</h6>
<p>
<span>
Lucy is
<span>
<span class="font-bold">Height</span>
<span>5&#39; 8&quot;</span>
</span>
<span>
<span class="font-bold">Bust</span>
<span>34&quot;</span>
</span>
<span>
<span class="font-bold">Waist</span>
<span>25&quot;</span>
</span>
<span>
<span class="font-bold">Hips</span>
<span>35&quot;</span>
</span>
</span>

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

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

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

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

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

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

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

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

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

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

<div class="text-sm text-error hidden stream-size-error-551086" 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-551086 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="551086" data-stream--action-button-route-value="/stream/25634/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-551086 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="551086" data-stream--action-button-route-value="/stream/25634/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-551086 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="551086" data-stream--action-button-route-value="/stream/25634/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="549070" id="variant_549070">
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="565658" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-565658">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="530101" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-530101">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="565901" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-565901">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="549064" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-549064">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="352512" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-352512">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="541343" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-541343">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2]" data-color-id="549070" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-549070">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="540740" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-540740">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="352518" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-352518">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="352524" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-352524">
</turbo-frame></div>
<div class="badges text-xs absolute top-2 left-2 z-[2] !hidden" data-color-id="529214" data-stream--color-panel-target="badge">
<turbo-frame id="stream-badge-529214">
</turbo-frame></div>
<div class="!hidden" data-color-id="565658" 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_565658_stream_master-1776267187.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_565658_stream_master-1776267187.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_565658_stream_master-1776267187.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_565658_stream-1776263610.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_565658_stream-1776263610.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_565658_stream-1776263610.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_565658_stream-1776099791.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_565658_stream-1776099791.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_565658_stream-1776099791.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_565658_stream-1776283382.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_565658_stream-1776283382.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_565658_stream-1776283382.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_565658_stream-1776263562.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_565658_stream-1776263562.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_565658_stream-1776263562.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_565658_stream_master-1775599372.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_565658_stream_master-1775599372.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_565658_stream_master-1775599372.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/25634/product_details/565658/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="530101" 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_530101_stream_master-1753401769.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_530101_stream_master-1753401769.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_530101_stream_master-1753401769.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_530101_stream_master-1735936398.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_530101_stream_master-1735936398.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_530101_stream_master-1735936398.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_530101_stream_master-1735936370.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_530101_stream_master-1735936370.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_530101_stream_master-1735936370.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_530101_stream-1735936374.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_530101_stream-1735936374.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_530101_stream-1735936374.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/25634/product_details/530101/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="565901" 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_565901_stream_master-1775061199.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_565901_stream_master-1775061199.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_565901_stream_master-1775061199.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_565901_stream-1775061217.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_565901_stream-1775061217.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_565901_stream-1775061217.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_565901_stream_master-1775061190.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_565901_stream_master-1775061190.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_565901_stream_master-1775061190.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_565901_stream-1775061203.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_565901_stream-1775061203.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_565901_stream-1775061203.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_565901_stream-1775061201.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_565901_stream-1775061201.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_565901_stream-1775061201.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/25634/product_details/565901/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="549064" 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_549064_stream_master-1754420615.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_549064_stream_master-1754420615.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_549064_stream_master-1754420615.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_549064_stream_master-1754420602.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_549064_stream_master-1754420602.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_549064_stream_master-1754420602.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_549064_stream_master-1754420601.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_549064_stream_master-1754420601.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_549064_stream_master-1754420601.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_549064_stream_master-1754420597.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_549064_stream_master-1754420597.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_549064_stream_master-1754420597.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/25634/product_details/549064/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="352512" 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_352512_stream_master-1748385210.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_352512_stream_master-1748385210.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_352512_stream_master-1748385210.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_352512_stream-1748385198.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_352512_stream-1748385198.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_352512_stream-1748385198.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_352512_stream-1748385241.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_352512_stream-1748385241.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_352512_stream-1748385241.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_352512_stream-1748385196.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_352512_stream-1748385196.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_352512_stream-1748385196.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/25634/product_details/352512/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="541343" 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_541343_stream_master-1750970027.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_541343_stream_master-1750970027.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_541343_stream_master-1750970027.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_541343_stream_master-1750970027-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_541343_stream_master-1750970027-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_541343_stream_master-1750970027-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_541343_stream_master-1750970017.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_541343_stream_master-1750970017.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_541343_stream_master-1750970017.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_541343_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_541343_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_541343_stream_master-1750969992.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/25634/product_details/541343/">Product Details</a>
</div>

</div>
</div>
<div class="" data-color-id="549070" 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_549070_stream_master-1754420611.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_549070_stream_master-1754420611.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_549070_stream_master-1754420611.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_549070_stream_master-1754420593.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_549070_stream_master-1754420593.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_549070_stream_master-1754420593.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_549070_stream-1754420598.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_549070_stream-1754420598.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_549070_stream-1754420598.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_549070_stream_master-1754420594.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_549070_stream_master-1754420594.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_549070_stream_master-1754420594.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/25634/product_details/549070/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="540740" 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_540740_stream_master-1747076634.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_540740_stream_master-1747076634.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_540740_stream_master-1747076634.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_540740_stream_master-1747076625.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_540740_stream_master-1747076625.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_540740_stream_master-1747076625.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_540740_stream-1747076649.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_540740_stream-1747076649.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_540740_stream-1747076649.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_540740_stream_master-1747076609.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_540740_stream_master-1747076609.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_540740_stream_master-1747076609.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/25634/product_details/540740/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="352518" 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_352518_stream_master-1655314248.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_352518_stream_master-1655314248.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_352518_stream_master-1655314248.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_352518_stream_master-1655314242.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_352518_stream_master-1655314242.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_352518_stream_master-1655314242.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_352518_stream-1655314281.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_352518_stream-1655314281.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_352518_stream-1655314281.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_352518_stream_master-1655314251.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_352518_stream_master-1655314251.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_352518_stream_master-1655314251.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/25634/product_details/352518/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="352524" 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_352524_stream_master-1655314239.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_352524_stream_master-1655314239.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_352524_stream_master-1655314239.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_352524_stream_master-1655314237.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_352524_stream_master-1655314237.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_352524_stream_master-1655314237.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_352524_stream-1655314277.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_352524_stream-1655314277.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_352524_stream-1655314277.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_352524_stream_master-1655314245.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_352524_stream_master-1655314245.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_352524_stream_master-1655314245.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/25634/product_details/352524/">Product Details</a>
</div>

</div>
</div>
<div class="!hidden" data-color-id="529214" 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_529214_stream_master-1736865254.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_529214_stream_master-1736865254.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_529214_stream_master-1736865254.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_529214_stream_master-1736865236.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_529214_stream_master-1736865236.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_529214_stream_master-1736865236.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_529214_stream_master-1736865175.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_529214_stream_master-1736865175.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_529214_stream_master-1736865175.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_529214_stream-1736865187.webp" media="(min-width: 768px)" type="image/webp">
<source data-lazy-srcset="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_500/q_auto/v1/production/wantable/images/Variant_529214_stream-1736865187.webp" type="image/webp">
<img class="w-full h-full object-cover transition-src" data-controller="lazy-image" data-image-slider-target="img" data-lazy-src="https://cl.wantable.com/image/upload/ar_4:5,c_scale,w_600/f_jpg,q_auto/v1/production/wantable/images/Variant_529214_stream-1736865187.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/25634/product_details/529214/">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">
Surfside Stripe Scoop Tank
</h3>
<p class="text-sm text-harbor_blue font-medium h-5">
SEAS
</p>
<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="565658" data-stream--color-panel-target="colorRow">
<div class="flex flex-row whitespace-nowrap overflow-hidden text-ellipsis">
<p class="mr-1.5">
Color:
<span class="font-semibold">Natural Sea Glass</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>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="530101" 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">Amber Haze Stripe</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>

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

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="549064" 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">Burlwood Stripe</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$24.50</p><div class="line-through ml-2 text-off_black/65">$49.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="352512" 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-forest_green">$24.50</p><div class="line-through ml-2 text-off_black/65">$49.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="541343" 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">Lime Birch Stripe</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$24.50</p><div class="line-through ml-2 text-off_black/65">$49.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2" data-color-id="549070" 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 Stripe</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$24.50</p><div class="line-through ml-2 text-off_black/65">$49.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="540740" 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">Birch White Stripe</span>
</p>
</div>
<div class="flex flex-row font-semibold">
<p class="inline-block text-forest_green">$36.75</p><div class="line-through ml-2 text-off_black/65">$49.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="352518" 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">$49.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="352524" 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-forest_green">$34.50</p><div class="line-through ml-2 text-off_black/65">$49.00</div>
</div>
</div>

<div class="text-sm flex justify-between mb-2 !hidden" data-color-id="529214" 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">$49.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="565658" data-color-name="Natural Sea Glass" data-origin-label="Stream color swatch: Natural Sea Glass" 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_565658_swatch_image-1776106970.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="530101" data-color-name="Amber Haze Stripe" data-origin-label="Stream color swatch: Amber Haze Stripe" 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_530101_swatch_image-1735925562.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="565901" data-color-name="White Sapphire" data-origin-label="Stream color swatch: White Sapphire" 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_565901_swatch_image-1775070179.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="549064" data-color-name="Burlwood Stripe" data-origin-label="Stream color swatch: Burlwood Stripe" 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_549064_swatch_image-1754418774.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="352512" data-origin-label="Stream color swatch: " 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_352512_swatch_image-1748016176.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="541343" data-color-name="Lime Birch Stripe" data-origin-label="Stream color swatch: Lime Birch Stripe" 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_541343_swatch_image-1750966380.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="549070" data-color-name="Cream Stripe" data-origin-label="Stream color swatch: Cream Stripe" 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_549070_swatch_image-1754418763.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="540740" data-color-name="Birch White Stripe" data-origin-label="Stream color swatch: Birch White Stripe" 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_540740_swatch_image-1747071170.jpg&#39;); background-size: cover;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="352518" data-origin-label="Stream color swatch: " 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="352524" data-origin-label="Stream color swatch: " data-stream--color-panel-target="swatch" style="background-color: #C53D45;" type="button"></button>
<button class="w-6 h-6 border" data-action="stream--color-panel#selectColor" data-color-id="529214" data-color-name="Mariner Midnight" data-origin-label="Stream color swatch: Mariner Midnight" 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_529214_swatch_image-1736795001.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="+1" data-stream--color-panel-target="swatchToggle" type="button">
+1
</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="549070" name="accordion" type="checkbox">
<label class="tab__label flex justify-between items-center cursor-pointer" for="549070">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 surfside style with our striped tank top! Relaxed fit with scoop neck and curved high-low hem. Crafted in the USA from stretchy-soft jersey fabric that stays easy-breezy from the boat to the boardwalk.</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>
<span>
Nikayla 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-549070"></turbo-frame>
<turbo-frame class="flex flex-col lg:flex-1 !hidden" data-stream--color-panel-target="sizeForm" data-color-id="565658" id="stream--variant-size-frame_size_565658"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="565658" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-565658" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-565658"><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-565658">
</turbo-frame></div>
</legend>
</fieldset>
<div class="lg:mt-auto">
<div class="relative w-full" data-controller="components--custom-select">
<!-- Toggle button -->
<div class="flex items-center justify-between w-full border border-off_black px-3 text-sm bg-white h-[48px] cursor-pointer" data-action="click-&gt;components--custom-select#toggle">
<span class="inline-flex items-center text-off_black/40" data-components--custom-select-target="toggleLabel">
Select a size
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 shrink-0">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<div class="text-sm text-error hidden stream-size-error-352524" 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-352524 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="352524" data-stream--action-button-route-value="/stream/25634/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-352524 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="352524" data-stream--action-button-route-value="/stream/25634/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-352524 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="352524" data-stream--action-button-route-value="/stream/25634/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="529214" id="stream--variant-size-frame_size_529214"><turbo-frame class="flex flex-col lg:flex-1" data-controller="stream--stream-request-decline" data-stream--stream-request-decline-master-value="529214" data-stream--stream-request-decline-is-requested-value="false" data-stream--stream-request-decline-request-route-value="/stream/25634/request/" data-stream--stream-request-decline-decline-route-value="/stream/25634/decline/" data-stream--stream-request-decline-stream--action-button-outlet=".request-decline-button-529214" data-action="custom-select:change-&gt;stream--stream-request-decline#selectSize" id="stream-size-selection-529214"><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-529214">
</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-529214" 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-529214 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="529214" data-stream--action-button-route-value="/stream/25634/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-529214 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="529214" data-stream--action-button-route-value="/stream/25634/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-529214 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="529214" data-stream--action-button-route-value="/stream/25634/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/the-clearance-event-style-edit-2025?page=2&amp;filters_form%5Bbestsellers%5D=&amp;filters_form%5Bnew_arrivals%5D=&amp;filters_form%5Bsort_method%5D=for_you&amp;filters_form%5Bstylist_picks%5D=false"><div class="flex flex-row justify-center items-center h-32">
<div class="lds-dual-ring"></div>
</div>
</turbo-frame></template></turbo-stream>

</template></turbo-stream><turbo-stream action="update" target="stream-num-filters-mobile"><template>
</template></turbo-stream><turbo-stream action="update" target="stream-num-filters-desktop"><template>
</template></turbo-stream><turbo-stream action="update" target="stream-filters-button"><template><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
  <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 6h9.75M10.5 6a1.5 1.5 0 1 1-3 0m3 0a1.5 1.5 0 1 0-3 0M3.75 6H7.5m3 12h9.75m-9.75 0a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m-3.75 0H7.5m9-6h3.75m-3.75 0a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m-9.75 0h9.75"></path>
</svg>

Filters
</template></turbo-stream><turbo-stream action="update" target="stream-filter-options-mobile"><template><div class="border-b border-flat px-2 py-3">
<div class="flex flex-col">
<div class="lg:hidden" data-components-persist-key-value="stream-filters-open-sections" data-components-target="removeIfHidden" data-controller="components">
<h3>
<button aria-controls="categories-mobile" aria-expanded="false" class="inline-flex w-full items-center justify-between pl-1 pr-4 py-2" data-action="components#toggleHideShow" type="button">
<span class="text-sm">Category</span>
<span class="flex items-center">
<!-- Expand icon, show/hide based on section open state. -->
<svg class="icon-plus w-4 h-4 " aria-hidden="true" fill="currentColor" viewbox="0 0 20 20" data-components-target="hideshow">
  <path d="M10.75 4.75a.75.75 0 00-1.5 0v4.5h-4.5a.75.75 0 000 1.5h4.5v4.5a.75.75 0 001.5 0v-4.5h4.5a.75.75 0 000-1.5h-4.5v-4.5z"></path>
</svg>

<!-- Collapse icon, show/hide based on section open state. -->
<svg class="icon-minus w-4 h-4 hidden" aria-hidden="true" fill="currentColor" viewbox="0 0 20 20" data-components-target="hideshow">
  <path clip-rule="evenodd" d="M4 10a.75.75 0 01.75-.75h10.5a.75.75 0 010 1.5H4.75A.75.75 0 014 10z" fill-rule="evenodd"></path>
</svg>

</span>
</button>

</h3>
<fieldset class="flex flex-col space-y-4 md:space-y-3 my-2 hidden" data-components-target="hideshow" id="categories-mobile">
<div class="relative flex flex-col" data-section-id="categories-style-mobile">
<input aria-label="Toggle all Style" class="absolute left-2 top-2.5 z-10 h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="click-&gt;components--filters-form#toggleSection" data-components--filters-form-target="sectionCheckbox" data-section-id="categories-style-mobile" type="checkbox">
<details class="group w-full space-y-4" name="filters-categories-style">
<summary class="flex items-center justify-between text-sm font-medium cursor-pointer bg-secondary py-2 pl-8">
<span>Style</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 mr-2 transform transition-transform group-open:rotate-90">
  <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5"></path>
</svg>

</summary>
<div class="flex flex-col space-y-4 md:space-y-3 px-2">
<label class="inline-flex items-center px-2" for="stream-filter-categories-mobile-852">
<input type="checkbox" name="filters_form[product_type_allele_ids][]" id="stream-filter-categories-mobile-852" value="852" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Dresses / Jumpsuits
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-categories-mobile-853">
<input type="checkbox" name="filters_form[product_type_allele_ids][]" id="stream-filter-categories-mobile-853" value="853" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Tops
<span class="text-xs text-flat font-normal">(52)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-categories-mobile-854">
<input type="checkbox" name="filters_form[product_type_allele_ids][]" id="stream-filter-categories-mobile-854" value="854" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Bottoms
<span class="text-xs text-flat font-normal">(72)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-categories-mobile-855">
<input type="checkbox" name="filters_form[product_type_allele_ids][]" id="stream-filter-categories-mobile-855" value="855" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Denim
<span class="text-xs text-flat font-normal">(90)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-categories-mobile-856">
<input type="checkbox" name="filters_form[product_type_allele_ids][]" id="stream-filter-categories-mobile-856" value="856" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Sweaters
<span class="text-xs text-flat font-normal">(10)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-categories-mobile-857">
<input type="checkbox" name="filters_form[product_type_allele_ids][]" id="stream-filter-categories-mobile-857" value="857" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Jackets
<span class="text-xs text-flat font-normal">(36)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-categories-mobile-1262">
<input type="checkbox" name="filters_form[product_type_allele_ids][]" id="stream-filter-categories-mobile-1262" value="1262" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Accessories
<span class="text-xs text-flat font-normal">(2)</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">(34)</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">(32)</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">(65)</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">(43)</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">(20)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-sizes-mobile-1130-1375-1376-1553-1144-1513-1516-1510-1901-1934-1863-1871-1910">
<input type="checkbox" name="filters_form[size_allele_ids][]" id="stream-filter-sizes-mobile-1130-1375-1376-1553-1144-1513-1516-1510-1901-1934-1863-1871-1910" value="1130,1375,1376,1553,1144,1513,1516,1510,1901,1934,1863,1871,1910" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
1X (14W-16W)
<span class="text-xs text-flat font-normal">(19)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-sizes-mobile-1131-1275-1268-1146-1145-1514-1517-1511-1903-1935-1872-1911">
<input type="checkbox" name="filters_form[size_allele_ids][]" id="stream-filter-sizes-mobile-1131-1275-1268-1146-1145-1514-1517-1511-1903-1935-1872-1911" value="1131,1275,1268,1146,1145,1514,1517,1511,1903,1935,1872,1911" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
2X (18W-20W)
<span class="text-xs text-flat font-normal">(17)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-sizes-mobile-1132-1276-1269-1147-1148-1515-1518-1512-1537-1904-1936-1873-1912-1923">
<input type="checkbox" name="filters_form[size_allele_ids][]" id="stream-filter-sizes-mobile-1132-1276-1269-1147-1148-1515-1518-1512-1537-1904-1936-1873-1912-1923" value="1132,1276,1269,1147,1148,1515,1518,1512,1537,1904,1936,1873,1912,1923" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
3X (22W-24W)
<span class="text-xs text-flat font-normal">(6)</span>
</div>
</label>
</fieldset>
</div>

</div>
</div>
<div class="border-b border-flat px-2 py-3">
<div class="flex flex-col">
<div class="lg:hidden" data-components-persist-key-value="stream-filters-open-sections" data-components-target="removeIfHidden" data-controller="components">
<h3>
<button aria-controls="brands-mobile" aria-expanded="false" class="inline-flex w-full items-center justify-between pl-1 pr-4 py-2" data-action="components#toggleHideShow" type="button">
<span class="text-sm">Brand</span>
<span class="flex items-center">
<!-- Expand icon, show/hide based on section open state. -->
<svg class="icon-plus w-4 h-4 " aria-hidden="true" fill="currentColor" viewbox="0 0 20 20" data-components-target="hideshow">
  <path d="M10.75 4.75a.75.75 0 00-1.5 0v4.5h-4.5a.75.75 0 000 1.5h4.5v4.5a.75.75 0 001.5 0v-4.5h4.5a.75.75 0 000-1.5h-4.5v-4.5z"></path>
</svg>

<!-- Collapse icon, show/hide based on section open state. -->
<svg class="icon-minus w-4 h-4 hidden" aria-hidden="true" fill="currentColor" viewbox="0 0 20 20" data-components-target="hideshow">
  <path clip-rule="evenodd" d="M4 10a.75.75 0 01.75-.75h10.5a.75.75 0 010 1.5H4.75A.75.75 0 014 10z" fill-rule="evenodd"></path>
</svg>

</span>
</button>

</h3>
<fieldset class="flex flex-col space-y-4 md:space-y-3 my-2 hidden" data-components-target="hideshow" id="brands-mobile">
<div class="px-2">
<input class="w-full border-off_black/35 text-sm p-3 mb-1 focus:ring-1 focus:ring-off_black" data-action="input-&gt;components--filters-form#filterFacets" placeholder="Search brands..." type="text">
</div>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2377">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2377" value="2377" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
1822 Denim
<span class="text-xs text-flat font-normal">(6)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2324">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2324" value="2324" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
ABLE
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2375">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2375" value="2375" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Artemis Vintage
<span class="text-xs text-flat font-normal">(8)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2319">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2319" value="2319" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Bayeas
<span class="text-xs text-flat font-normal">(7)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2383">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2383" value="2383" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Bila77
<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-1462">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1462" value="1462" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Bobeau
<span class="text-xs text-flat font-normal">(6)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1734">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1734" value="1734" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
by together
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1962">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1962" value="1962" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Chris &amp; Carol
<span class="text-xs text-flat font-normal">(3)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1002">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1002" value="1002" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Citrus
<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-1276">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1276" value="1276" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Cloud Ten
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2426">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2426" value="2426" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
CPress
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2281">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2281" value="2281" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Day &amp; Mood
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-721">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-721" value="721" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Dear John
<span class="text-xs text-flat font-normal">(8)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1063">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1063" value="1063" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Democracy
<span class="text-xs text-flat font-normal">(3)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-573">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-573" value="573" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Gentle Fawn
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2007">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2007" value="2007" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Habitual
<span class="text-xs text-flat font-normal">(3)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-510">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-510" value="510" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Hem &amp; Thread
<span class="text-xs text-flat font-normal">(1)</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">(9)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1468">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1468" value="1468" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Hiatus
<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-2342">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2342" value="2342" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Hint of Blu
<span class="text-xs text-flat font-normal">(5)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1278">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1278" value="1278" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
ICHI
<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-1705">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1705" value="1705" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Jen &amp; Co.
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-704">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-704" value="704" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Just Black
<span class="text-xs text-flat font-normal">(4)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1888">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1888" value="1888" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Kancan
<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-954">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-954" value="954" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Liverpool
<span class="text-xs text-flat font-normal">(25)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-922">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-922" value="922" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Loveappella
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2111">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2111" value="2111" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Lovervet
<span class="text-xs text-flat font-normal">(6)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1665">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1665" value="1665" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Lucy Paris
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-677">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-677" value="677" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Lush
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-809">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-809" value="809" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Mavi
<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-1119">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1119" value="1119" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Max Studio
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1948">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1948" value="1948" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Mica Denim
<span class="text-xs text-flat font-normal">(18)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1970">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1970" value="1970" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Oliver Logan
<span class="text-xs text-flat font-normal">(4)</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">(74)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-967">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-967" value="967" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Skies Are Blue
<span class="text-xs text-flat font-normal">(9)</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">(16)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-2341">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-2341" value="2341" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Vero Moda
<span class="text-xs text-flat font-normal">(2)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1391">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1391" value="1391" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Vervet
<span class="text-xs text-flat font-normal">(4)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-676">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-676" value="676" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Vigoss
<span class="text-xs text-flat font-normal">(2)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-1990">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-1990" value="1990" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Weekend LA
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-mobile-964">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-mobile-964" value="964" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
West Kei
<span class="text-xs text-flat font-normal">(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">(2)</span>
</div>
</label>
</fieldset>
</div>

</div>
</div>
<div class="border-b border-flat px-2 py-3">
<div class="lg:hidden" data-components-persist-key-value="stream-filters-open-sections" data-components-target="removeIfHidden" data-controller="components">
<h3>
<!-- Expand/collapse section button -->
<button aria-controls="price-mobile" aria-expanded="false" class="inline-flex w-full items-center justify-between pl-1 pr-4 py-2" data-action="components#toggleHideShow" type="button">
<span class="text-sm">Price</span>
<span class="flex items-center">
<!-- Expand icon, show/hide based on section open state. -->
<svg class="icon-plus w-4 h-4 " aria-hidden="true" fill="currentColor" viewbox="0 0 20 20" data-components-target="hideshow">
  <path d="M10.75 4.75a.75.75 0 00-1.5 0v4.5h-4.5a.75.75 0 000 1.5h4.5v4.5a.75.75 0 001.5 0v-4.5h4.5a.75.75 0 000-1.5h-4.5v-4.5z"></path>
</svg>

<!-- Collapse icon, show/hide based on section open state. -->
<svg class="icon-minus w-4 h-4 hidden" aria-hidden="true" fill="currentColor" viewbox="0 0 20 20" data-components-target="hideshow">
  <path clip-rule="evenodd" d="M4 10a.75.75 0 01.75-.75h10.5a.75.75 0 010 1.5H4.75A.75.75 0 014 10z" fill-rule="evenodd"></path>
</svg>

</span>
</button>

</h3>
<fieldset class="flex flex-col my-4 hidden" data-components-target="hideshow" id="price-mobile">
<div class="range-slider w-full pt-8 pb-4" data-components--range-slider-field-name-value="price" data-components--range-slider-max-value="500" data-components--range-slider-min-value="50" data-components--range-slider-step-value="5" data-controller="components--range-slider">
<div class="relative">
<!-- Track -->
<div class="relative w-full rounded-full h-[3px] bg-[#B8B8B8]" data-components--range-slider-target="track">
<!-- Filled range between handles -->
<div class="absolute inset-y-0 rounded-full bg-[#1E1E1E]" data-components--range-slider-target="filled"></div>
<!-- From handle -->
<div class="absolute rounded-full cursor-grab w-4 h-4 bg-[#1E1E1E] top-1/2 -translate-x-1/2 -translate-y-1/2" data-action="pointerdown-&gt;components--range-slider#startDragFrom" data-components--range-slider-target="fromHandle"></div>
<!-- To handle -->
<div class="absolute rounded-full cursor-grab w-4 h-4 bg-[#1E1E1E] top-1/2 -translate-x-1/2 -translate-y-1/2" data-action="pointerdown-&gt;components--range-slider#startDragTo" data-components--range-slider-target="toHandle"></div>
<!-- From tooltip -->
<div class="absolute text-xs font-semibold bg-secondary text-midgray px-2 py-1 pointer-events-none w-max -top-[2.5rem]" data-components--range-slider-target="fromTooltip"></div>
<!-- To tooltip -->
<div class="absolute text-xs font-semibold bg-secondary text-midgray px-2 py-1 pointer-events-none w-max -top-[2.5rem]" data-components--range-slider-target="toTooltip"></div>
</div>
<!-- Hidden inputs for form submission -->
<input type="hidden" name="filters_form[price][from]" id="filters_form_price_from" value="50" min="50" max="500" data-components--range-slider-target="fromInput" data-action="change-&gt;components--filters-form#search" autocomplete="off" />
<input type="hidden" name="filters_form[price][to]" id="filters_form_price_to" value="500" min="50" max="500" data-components--range-slider-target="toInput" autocomplete="off" />
</div>
<!-- Scale - under the slider, evenly spaced based on step -->
<div class="flex relative text-xs text-flat mt-6 mx-auto w-[calc(100%_-_15px)]" data-components--range-slider-target="scale" data-step="5"></div>
</div>

</fieldset>
</div>

</div>

</template></turbo-stream><turbo-stream action="update" target="stream-filter-options-desktop"><template><div class="border-b border-flat py-2 hidden lg:block" data-components-persist-key-value="stream-filters-open-sections" data-components-target="removeIfHidden" data-controller="components">
<h3>
<button aria-controls="categories-desktop" aria-expanded="false" class="inline-flex w-full items-center justify-between pl-1 pr-4 py-2" data-action="components#toggleHideShow" type="button">
<span class="text-sm">Category</span>
<span class="flex items-center">
<!-- Expand icon, show/hide based on section open state. -->
<svg class="icon-plus w-4 h-4 " aria-hidden="true" fill="currentColor" viewbox="0 0 20 20" data-components-target="hideshow">
  <path d="M10.75 4.75a.75.75 0 00-1.5 0v4.5h-4.5a.75.75 0 000 1.5h4.5v4.5a.75.75 0 001.5 0v-4.5h4.5a.75.75 0 000-1.5h-4.5v-4.5z"></path>
</svg>

<!-- Collapse icon, show/hide based on section open state. -->
<svg class="icon-minus w-4 h-4 hidden" aria-hidden="true" fill="currentColor" viewbox="0 0 20 20" data-components-target="hideshow">
  <path clip-rule="evenodd" d="M4 10a.75.75 0 01.75-.75h10.5a.75.75 0 010 1.5H4.75A.75.75 0 014 10z" fill-rule="evenodd"></path>
</svg>

</span>
</button>

</h3>
<fieldset class="flex flex-col space-y-4 md:space-y-3 my-2 hidden" data-components-target="hideshow" id="categories-desktop">
<div class="relative flex flex-col" data-section-id="categories-style-desktop">
<input aria-label="Toggle all Style" class="absolute left-2 top-2.5 z-10 h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="click-&gt;components--filters-form#toggleSection" data-components--filters-form-target="sectionCheckbox" data-section-id="categories-style-desktop" type="checkbox">
<details class="group w-full space-y-4" name="filters-categories-style">
<summary class="flex items-center justify-between text-sm font-medium cursor-pointer bg-secondary py-2 pl-8">
<span>Style</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 mr-2 transform transition-transform group-open:rotate-90">
  <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5"></path>
</svg>

</summary>
<div class="flex flex-col space-y-4 md:space-y-3 px-2">
<label class="inline-flex items-center px-2" for="stream-filter-categories-desktop-852">
<input type="checkbox" name="filters_form[product_type_allele_ids][]" id="stream-filter-categories-desktop-852" value="852" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Dresses / Jumpsuits
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-categories-desktop-853">
<input type="checkbox" name="filters_form[product_type_allele_ids][]" id="stream-filter-categories-desktop-853" value="853" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Tops
<span class="text-xs text-flat font-normal">(52)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-categories-desktop-854">
<input type="checkbox" name="filters_form[product_type_allele_ids][]" id="stream-filter-categories-desktop-854" value="854" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Bottoms
<span class="text-xs text-flat font-normal">(72)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-categories-desktop-855">
<input type="checkbox" name="filters_form[product_type_allele_ids][]" id="stream-filter-categories-desktop-855" value="855" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Denim
<span class="text-xs text-flat font-normal">(90)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-categories-desktop-856">
<input type="checkbox" name="filters_form[product_type_allele_ids][]" id="stream-filter-categories-desktop-856" value="856" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Sweaters
<span class="text-xs text-flat font-normal">(10)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-categories-desktop-857">
<input type="checkbox" name="filters_form[product_type_allele_ids][]" id="stream-filter-categories-desktop-857" value="857" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Jackets
<span class="text-xs text-flat font-normal">(36)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-categories-desktop-1262">
<input type="checkbox" name="filters_form[product_type_allele_ids][]" id="stream-filter-categories-desktop-1262" value="1262" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Accessories
<span class="text-xs text-flat font-normal">(2)</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">(34)</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">(32)</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">(65)</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">(43)</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">(20)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-sizes-desktop-1130-1375-1376-1553-1144-1513-1516-1510-1901-1934-1863-1871-1910">
<input type="checkbox" name="filters_form[size_allele_ids][]" id="stream-filter-sizes-desktop-1130-1375-1376-1553-1144-1513-1516-1510-1901-1934-1863-1871-1910" value="1130,1375,1376,1553,1144,1513,1516,1510,1901,1934,1863,1871,1910" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
1X (14W-16W)
<span class="text-xs text-flat font-normal">(19)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-sizes-desktop-1131-1275-1268-1146-1145-1514-1517-1511-1903-1935-1872-1911">
<input type="checkbox" name="filters_form[size_allele_ids][]" id="stream-filter-sizes-desktop-1131-1275-1268-1146-1145-1514-1517-1511-1903-1935-1872-1911" value="1131,1275,1268,1146,1145,1514,1517,1511,1903,1935,1872,1911" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
2X (18W-20W)
<span class="text-xs text-flat font-normal">(17)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-sizes-desktop-1132-1276-1269-1147-1148-1515-1518-1512-1537-1904-1936-1873-1912-1923">
<input type="checkbox" name="filters_form[size_allele_ids][]" id="stream-filter-sizes-desktop-1132-1276-1269-1147-1148-1515-1518-1512-1537-1904-1936-1873-1912-1923" value="1132,1276,1269,1147,1148,1515,1518,1512,1537,1904,1936,1873,1912,1923" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
3X (22W-24W)
<span class="text-xs text-flat font-normal">(6)</span>
</div>
</label>
</fieldset>
</div>

<div class="border-b border-flat py-2 hidden lg:block" data-components-persist-key-value="stream-filters-open-sections" data-components-target="removeIfHidden" data-controller="components">
<h3>
<button aria-controls="brands-desktop" aria-expanded="false" class="inline-flex w-full items-center justify-between pl-1 pr-4 py-2" data-action="components#toggleHideShow" type="button">
<span class="text-sm">Brand</span>
<span class="flex items-center">
<!-- Expand icon, show/hide based on section open state. -->
<svg class="icon-plus w-4 h-4 " aria-hidden="true" fill="currentColor" viewbox="0 0 20 20" data-components-target="hideshow">
  <path d="M10.75 4.75a.75.75 0 00-1.5 0v4.5h-4.5a.75.75 0 000 1.5h4.5v4.5a.75.75 0 001.5 0v-4.5h4.5a.75.75 0 000-1.5h-4.5v-4.5z"></path>
</svg>

<!-- Collapse icon, show/hide based on section open state. -->
<svg class="icon-minus w-4 h-4 hidden" aria-hidden="true" fill="currentColor" viewbox="0 0 20 20" data-components-target="hideshow">
  <path clip-rule="evenodd" d="M4 10a.75.75 0 01.75-.75h10.5a.75.75 0 010 1.5H4.75A.75.75 0 014 10z" fill-rule="evenodd"></path>
</svg>

</span>
</button>

</h3>
<fieldset class="flex flex-col space-y-4 md:space-y-3 my-2 hidden" data-components-target="hideshow" id="brands-desktop">
<div class="px-2">
<input class="w-full border-off_black/35 text-sm p-3 mb-1 focus:ring-1 focus:ring-off_black" data-action="input-&gt;components--filters-form#filterFacets" placeholder="Search brands..." type="text">
</div>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2377">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2377" value="2377" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
1822 Denim
<span class="text-xs text-flat font-normal">(6)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2324">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2324" value="2324" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
ABLE
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2375">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2375" value="2375" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Artemis Vintage
<span class="text-xs text-flat font-normal">(8)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2319">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2319" value="2319" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Bayeas
<span class="text-xs text-flat font-normal">(7)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2383">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2383" value="2383" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Bila77
<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-1462">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1462" value="1462" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Bobeau
<span class="text-xs text-flat font-normal">(6)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1734">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1734" value="1734" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
by together
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1962">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1962" value="1962" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Chris &amp; Carol
<span class="text-xs text-flat font-normal">(3)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1002">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1002" value="1002" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Citrus
<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-1276">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1276" value="1276" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Cloud Ten
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2426">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2426" value="2426" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
CPress
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2281">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2281" value="2281" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Day &amp; Mood
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-721">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-721" value="721" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Dear John
<span class="text-xs text-flat font-normal">(8)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1063">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1063" value="1063" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Democracy
<span class="text-xs text-flat font-normal">(3)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-573">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-573" value="573" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Gentle Fawn
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2007">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2007" value="2007" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Habitual
<span class="text-xs text-flat font-normal">(3)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-510">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-510" value="510" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Hem &amp; Thread
<span class="text-xs text-flat font-normal">(1)</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">(9)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1468">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1468" value="1468" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Hiatus
<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-2342">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2342" value="2342" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Hint of Blu
<span class="text-xs text-flat font-normal">(5)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1278">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1278" value="1278" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
ICHI
<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-1705">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1705" value="1705" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Jen &amp; Co.
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-704">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-704" value="704" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Just Black
<span class="text-xs text-flat font-normal">(4)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1888">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1888" value="1888" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Kancan
<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-954">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-954" value="954" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Liverpool
<span class="text-xs text-flat font-normal">(25)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-922">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-922" value="922" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Loveappella
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2111">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2111" value="2111" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Lovervet
<span class="text-xs text-flat font-normal">(6)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1665">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1665" value="1665" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Lucy Paris
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-677">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-677" value="677" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Lush
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-809">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-809" value="809" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Mavi
<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-1119">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1119" value="1119" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Max Studio
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1948">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1948" value="1948" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Mica Denim
<span class="text-xs text-flat font-normal">(18)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1970">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1970" value="1970" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Oliver Logan
<span class="text-xs text-flat font-normal">(4)</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">(74)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-967">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-967" value="967" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Skies Are Blue
<span class="text-xs text-flat font-normal">(9)</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">(16)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-2341">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-2341" value="2341" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Vero Moda
<span class="text-xs text-flat font-normal">(2)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1391">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1391" value="1391" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Vervet
<span class="text-xs text-flat font-normal">(4)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-676">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-676" value="676" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Vigoss
<span class="text-xs text-flat font-normal">(2)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-1990">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-1990" value="1990" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
Weekend LA
<span class="text-xs text-flat font-normal">(1)</span>
</div>
</label>
<label class="inline-flex items-center px-2" for="stream-filter-brands-desktop-964">
<input type="checkbox" name="filters_form[brand_ids][]" id="stream-filter-brands-desktop-964" value="964" class="h-4 w-4 border-off_black focus:ring-0 focus:ring-transparent" data-action="input-&gt;components--filters-form#search" data-components--filters-form-target="checkbox" />
<div class="flex justify-between ml-2 text-sm font-medium w-full">
West Kei
<span class="text-xs text-flat font-normal">(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">(2)</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>
</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="xcIqXe-DsQkPjwyWbyFUjEaDa8lLAWCKEihD0MDcMaYbLZSmrrvN5ac0_GFLidJBtRTMRJYP0d8bEwFehS2X1A" 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: "v3241",
      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>
