violatethedresscode.com Open in urlscan Pro
23.227.38.32  Public Scan

URL: https://violatethedresscode.com/collections/best-sellers)
Submission: On June 12 via api from US — Scanned from CA

Form analysis 4 forms found in the DOM

POST /cart

<form action="/cart" method="post" class="my-cart cart-form">
  <!-- data-ajax-cart-section makes the element's HTML update
  when the cart gets changed -->
  <div data-ajax-cart-section="">
    <div class="cart_header_cc">
      <h2>Your Cart (<span data-ajax-cart-bind-state="cart.item_count">0</span>)</h2>
      <div class="cart_close" data-ajax-cart-toggle-class-button="js-my-cart-open">
        <svg class="Icon Icon--close" role="presentation" viewBox="0 0 16 14">
          <path d="M15 0L1 14m14 0L1 0" stroke="currentColor" fill="none" fill-rule="evenodd"></path>
        </svg>
      </div>
    </div>
    <div class="free_shipping_cc">
      <free-shipping-bar class="free-shipping-bar" threshold="17641" total-price="0" reached-message="<strong>Congrats!</strong> You’ve earned FREE SHIPPING"
        unreached-message="<span class=&quot;cctag&quot;>Great pick!</span> you are {{ remaining_amount }} away from fast shipping &amp; free shipping"><span><span class="cctag">Great pick!</span> you are <span class="bold text-accent">$176.41</span>
          away from fast shipping &amp; free shipping</span>
        <progress-bar class="progress-bar" role="progressbar" aria-valuemin="0" style="--progress: 0;" aria-valuemax="17641" aria-valuenow="0"></progress-bar>
        <div class="shipping_icon" style="display:none">
          <img src="https://cdn.shopify.com/s/files/1/1946/1241/files/Group_1000001578_1.png?v=1688644903">
          <div class="title_cc">$125</div>
        </div>
      </free-shipping-bar>
    </div>
    <div class="empty_cart">Your cart is currently empty.</div>
    <style>
      span.cctag {
        display: none;
      }
    </style>
    <!-- data-ajax-cart-section-scroll keeps the scroll position unchanged
    when the element's HTML is changed -->
    <div class="my-cart__items" data-ajax-cart-section-scroll="">
    </div>
    <div class="final_footer">
      <!-- data-ajax-cart-property-input ajaxifies the cart note textarea -->
      <!-- Package Protection -->
      <div class="custom_shipping_protection">
        <img src="https://cdn.shopify.com/s/files/1/1946/1241/files/Shipping-Protection-Shield.png?v=1640295609">
        <div class="protection_text">
          <h5 class="protection_heading">Your Shipment is Protected</h5>
          <p class="protection_subheading">from Damage, Loss &amp; Theft for <span id="protection-cost">$3.00</span></p>
        </div>
        <div class="package_switch">
          <input id="packege_protection" type="checkbox" class="switch-input" checked="">
          <label for="packege_protection" class="switch-label">Switch</label>
        </div>
      </div>
      <style>
        .cart-item__hide {
          display: none;
        }

        .custom_shipping_protection {
          display: flex;
          align-items: center;
          justify-content: flex-start;
          padding: var(--spacing-8) 0 var(--spacing-8) 0;
          border-top: 1px solid rgb(var(--text-color) / .12);
        }

        .custom_shipping_protection img {
          max-height: 35px;
          margin-right: 10px;
        }

        .package_switch {
          position: relative;
          display: inline-block;
          margin-left: 20px;
        }

        .protection_text {
          text-align: left;
        }

        .protection_heading {
          margin-bottom: 0;
          font-size: .83333em;
          font-style: normal;
        }

        .protection_subheading {
          font-size: 12px;
          margin-bottom: 0;
        }

        .switch-input {
          display: none;
        }

        .switch-label {
          display: block;
          width: 48px;
          height: 27px;
          text-indent: -150%;
          clip: rect(0 0 0 0);
          color: transparent;
          user-select: none;
          margin-bottom: 0;
        }

        .switch-label::after,
        .switch-label::before {
          content: "";
          display: block;
          position: absolute;
          cursor: pointer;
        }

        .switch-label::before {
          width: 100%;
          height: 100%;
          background-color: #dedede;
          border-radius: 9999em;
          -webkit-transition: background-color .25s ease;
          transition: background-color .25s ease;
        }

        .switch-input:checked+.switch-label::before {
          background-color: #1c1d1d;
        }

        .switch-label::after {
          top: 1px;
          left: 0;
          width: 24px;
          height: 25px;
          border-radius: 50%;
          background-color: #fff;
          box-shadow: 0 0 2px rgba(0, 0, 0, .45);
          -webkit-transition: left .25s ease;
          transition: left .25s ease;
        }

        .switch-input:checked+.switch-label::after {
          left: 23px;
        }

        .protection_text {
          flex: 1;
        }
      </style>
      <script>
        document.addEventListener('DOMContentLoaded', (event) => {
          const cart = {
            "note": null,
            "attributes": {},
            "original_total_price": 0,
            "total_price": 0,
            "total_discount": 0,
            "total_weight": 0.0,
            "item_count": 0,
            "items": [],
            "requires_shipping": false,
            "currency": "CAD",
            "items_subtotal_price": 0,
            "cart_level_discount_applications": [],
            "checkout_charge_amount": 0
          };
          const variants = {
            "id_39619479699531": {
              "id": "39619479699531",
              "cart_value": "0-199.99",
              "price": 300
            },
            "id_39619479732299": {
              "id": "39619479732299",
              "cart_value": "200-299.99",
              "price": 500
            },
            "id_39626637639755": {
              "id": "39626637639755",
              "cart_value": "300-2000",
              "price": 600
            }
          };
          const cartForm = document.querySelector('.cart-form');
          const getId = function() {
            if (cart === undefined) return '';
            let id = '';
            cart.items.forEach(item => {
              if (variants[`id_${item.id}`] !== undefined) {
                id = item.id;
              }
            });
            return id;
          }
          const getInputState = function() {
            const input = document.querySelector('.switch-input');
            return input.checked;
          }
          const getPrice = function(id) {
            const itemSelector = document.querySelector(`[data-item-id="${id}"]`);
            const cartSelector = document.querySelector('[data-cart-subtotal]').dataset.cartTotal;
            const price = itemSelector == undefined || itemSelector == null ? 0 : itemSelector.dataset.itemPrice;
            const cartTotal = cartSelector - price;
            return cartTotal;
          }
          const getVariant = function(cartTotal) {
            const $this = this;
            const variant = '';
            Object.keys(variants).forEach(variant => {
              const cartValue = variants[variant].cart_value.trim().split("-");
              const min = parseFloat(cartValue[0]);
              const max = parseFloat(cartValue[1]);
              if (cartTotal >= min && cartTotal <= max) {
                $this.variant = variants[variant].id;
              }
            });
            return $this.variant;
          }
          const goToCheckout = function() {
            window.location.href = '/checkout';
          }
          const addItem = function(variant) {
            fetch('/cart/add.js', {
              method: "POST",
              body: JSON.stringify({
                items: [{
                  id: variant,
                  quantity: 1
                }]
              }),
              credentials: "same-origin",
              headers: {
                Accept: "application/json",
                "Content-Type": "application/json"
              }
            }).then(res => res.json()).then(data => goToCheckout())
          }
          const updatePrice = function() {
            const id = getId();
            const cartTotal = getPrice(id);
            const variant = getVariant(cartTotal);
            const price = variants[`id_${variant}`].price;
            const costSelector = document.querySelector('#protection-cost')
            costSelector.innerHTML = '$' + price.toString().slice(0, 1) + "." + price.toString().slice(1);
          }
          const removeItem = (variantId) => {
            const requestUrl = '/cart/change.js';
            const requestHeaders = {
              'Content-Type': 'application/json',
            };
            const requestData = {
              "id": variantId,
              "quantity": 0
            };
            const requestOptions = {
              method: 'POST',
              headers: requestHeaders,
              body: JSON.stringify(requestData),
            };
            return {
              requestUrl,
              requestOptions
            };
          }
          const updateItem = async function(event) {
            event.preventDefault();
            const id = getId();
            const cartTotal = getPrice(id);
            const variant = getVariant(cartTotal);
            const input = getInputState();
            try {
              if (id == '' && input) {
                addItem(variant);
              }
              if (!input) {
                const {
                  requestUrl,
                  requestOptions
                } = removeItem(`${id}`);
                await fetch(requestUrl, requestOptions).then((response) => response.json())
                goToCheckout();
              }
              if (variant == id && input) {
                goToCheckout();
              }
              if (id != '' && variant != id && input) {
                const {
                  requestUrl,
                  requestOptions
                } = removeItem(`${id}`);
                await fetch(requestUrl, requestOptions).then((response) => response.json())
                addItem(variant);
              }
            } catch (err) {
              event.preventDefault();
              goToCheckout();
            }
          }
          updatePrice();
          cartForm.addEventListener('submit', updateItem);
          document.addEventListener('cart:updated', function(evt) {
            updatePrice();
          });
          setInterval(function() {
            updatePrice();
          }, 1000);
        });
      </script>
      <!-- END Package Protection -->
      <div class="drawer_cart_textarea">
        <label>Add a note to your order </label>
        <textarea data-ajax-cart-property-input="" name="note" placeholder="Cart note">
    </textarea>
      </div>
      <!-- data-ajax-cart-static-element keeps the container unchanged
    when the cart and the surrounding HTML get updated -->
      <div data-ajax-cart-static-element="" class="my-cart__app-container"></div>
      <div class="cart_footer_ajax">
        <div class="total_price_cc">
          <div class="itemccrow subtotal">
            <div cass="labelcc">Subtotal</div>
            <div class="price_cc_final" data-cart-subtotal="" data-cart-total="0.00">$0.00 CAD</div>
          </div>
          <div class="itemccrow savecc" style="display:none">
            <div cass="labelcc">You Save</div>
            <div class="price_cc_final">$0.00 CAD</div>
          </div>
        </div>
        <button type="submit" name="checkout" data-ocu-checkout="true"> Checkout Now <svg width="19" height="12" viewBox="0 0 19 12" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path
              d="M18.3428 6.53033C18.6357 6.23744 18.6357 5.76256 18.3428 5.46967L13.5699 0.696699C13.277 0.403806 12.8021 0.403806 12.5092 0.696699C12.2163 0.989593 12.2163 1.46447 12.5092 1.75736L16.7518 6L12.5092 10.2426C12.2163 10.5355 12.2163 11.0104 12.5092 11.3033C12.8021 11.5962 13.277 11.5962 13.5699 11.3033L18.3428 6.53033ZM0 6.75H17.8125V5.25H0V6.75Z"
              fill="white"></path>
          </svg>
        </button>
        <a href="javascript:void(0)" class="checkout_btnc" style="display:none">
 Checkout Now <svg width="19" height="12" viewBox="0 0 19 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.3428 6.53033C18.6357 6.23744 18.6357 5.76256 18.3428 5.46967L13.5699 0.696699C13.277 0.403806 12.8021 0.403806 12.5092 0.696699C12.2163 0.989593 12.2163 1.46447 12.5092 1.75736L16.7518 6L12.5092 10.2426C12.2163 10.5355 12.2163 11.0104 12.5092 11.3033C12.8021 11.5962 13.277 11.5962 13.5699 11.3033L18.3428 6.53033ZM0 6.75H17.8125V5.25H0V6.75Z" fill="white"></path>
</svg>
  </a>
        <div class="cart_usp_icons" style="display:none">
          <div class="cart_usp_cc">
            <div class="cart_usp_ic">
              <img src="//violatethedresscode.com/cdn/shop/t/45/assets/cartic1_small.png?v=175028407510208799671690959062" alt="Cart USP">
              <div class="usp_content">True to size Product details</div>
            </div>
            <div class="cart_usp_ic">
              <img src="//violatethedresscode.com/cdn/shop/t/45/assets/cartic2_small.png?v=70409907309401889031690959054" alt="Cart USP">
              <div class="usp_content">All Day Comfort</div>
            </div>
            <div class="cart_usp_ic">
              <img src="//violatethedresscode.com/cdn/shop/t/45/assets/cartic3_small.png?v=110402043721615002851690959047" alt="Cart USP">
              <div class="usp_content">Easy Exchanges &amp; Returns</div>
            </div>
            <div class="cart_usp_ic">
              <img src="//violatethedresscode.com/cdn/shop/t/45/assets/cartic4_small.png?v=45973929258423518941690959025" alt="Cart USP">
              <div class="usp_content">Premium Quality</div>
            </div>
          </div>
        </div>
        <div class="payment_icon_cc_bg">
          <img src="https://cdn.shopify.com/s/files/1/1946/1241/files/Group_1000001579_1.png?v=1688646647">
        </div>
      </div>
    </div>
  </div>
</form>

GET /search

<form action="/search" method="get" class="v-stack gap-5 sm:gap-8" role="search">
  <div class="search-input">
    <input type="search" name="q" placeholder="Search" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" aria-label="Search">
    <button type="reset" class="text-subdued">Clear</button>
    <button type="button" is="close-button">
      <span class="sr-only">Close</span><svg role="presentation" stroke-width="2" focusable="false" width="22" height="22" class="icon icon-search" viewBox="0 0 22 22">
        <circle cx="11" cy="10" r="7" fill="none" stroke="currentColor"></circle>
        <path d="m16 15 3 3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg></button>
  </div>
  <style>
    #shopify-section-header {
      --predictive-search-column-count: 3;
    }
  </style>
  <input type="hidden" name="type" value="product">
  <predictive-search class="predictive-search" section-id="header">
    <div slot="results"></div>
    <div slot="loading">
      <div class="v-stack gap-5 sm:gap-6 ">
        <div class="h-stack gap-4 sm:gap-5"><span class="skeleton skeleton--tab"></span><span class="skeleton skeleton--tab"></span><span class="skeleton skeleton--tab"></span></div>
        <div class="v-stack gap-4 sm:gap-6">
          <div class="h-stack align-center gap-5 sm:gap-6">
            <span class="skeleton skeleton--thumbnail"></span>
            <div class="v-stack gap-3 w-full">
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span>
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span>
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span>
            </div>
          </div>
          <div class="h-stack align-center gap-5 sm:gap-6">
            <span class="skeleton skeleton--thumbnail"></span>
            <div class="v-stack gap-3 w-full">
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span>
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span>
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span>
            </div>
          </div>
          <div class="h-stack align-center gap-5 sm:gap-6">
            <span class="skeleton skeleton--thumbnail"></span>
            <div class="v-stack gap-3 w-full">
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span>
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span>
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span>
            </div>
          </div>
          <div class="h-stack align-center gap-5 sm:gap-6">
            <span class="skeleton skeleton--thumbnail"></span>
            <div class="v-stack gap-3 w-full">
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span>
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span>
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </predictive-search>
</form>

GET /search

<form action="/search" method="get" class="v-stack gap-5 sm:gap-8" role="search">
  <div class="search-input">
    <input type="search" name="q" placeholder="Search for..." autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" aria-label="Search">
    <button type="reset" class="text-subdued">Clear</button>
    <button type="button" is="close-button">
      <span class="sr-only">Close</span><svg role="presentation" stroke-width="2" focusable="false" width="24" height="24" class="icon icon-close" viewBox="0 0 24 24">
        <path d="M17.658 6.343 6.344 17.657M17.658 17.657 6.344 6.343" stroke="currentColor"></path>
      </svg></button>
  </div>
  <style>
    #shopify-section-search-drawer {
      --predictive-search-column-count: 3;
    }
  </style>
  <input type="hidden" name="type" value="product">
  <predictive-search class="predictive-search" section-id="search-drawer">
    <div slot="results"></div>
    <div slot="loading">
      <div class="v-stack gap-5 sm:gap-6 md:hidden">
        <div class="h-stack gap-4 sm:gap-5"><span class="skeleton skeleton--tab"></span><span class="skeleton skeleton--tab"></span><span class="skeleton skeleton--tab"></span></div>
        <div class="v-stack gap-4 sm:gap-6">
          <div class="h-stack align-center gap-5 sm:gap-6">
            <span class="skeleton skeleton--thumbnail"></span>
            <div class="v-stack gap-3 w-full">
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span>
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span>
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span>
            </div>
          </div>
          <div class="h-stack align-center gap-5 sm:gap-6">
            <span class="skeleton skeleton--thumbnail"></span>
            <div class="v-stack gap-3 w-full">
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span>
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span>
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span>
            </div>
          </div>
          <div class="h-stack align-center gap-5 sm:gap-6">
            <span class="skeleton skeleton--thumbnail"></span>
            <div class="v-stack gap-3 w-full">
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span>
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span>
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span>
            </div>
          </div>
          <div class="h-stack align-center gap-5 sm:gap-6">
            <span class="skeleton skeleton--thumbnail"></span>
            <div class="v-stack gap-3 w-full">
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span>
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span>
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span>
            </div>
          </div>
        </div>
      </div>
      <div class="predictive-search__skeleton-full-width hidden">
        <div class="v-stack gap-8">
          <span class="skeleton skeleton--tab"></span>
          <div class="h-stack align-center gap-5 sm:gap-6">
            <span class="skeleton skeleton--thumbnail"></span>
            <div class="v-stack gap-3 w-full">
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span>
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span>
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span>
            </div>
          </div>
          <div class="h-stack align-center gap-5 sm:gap-6">
            <span class="skeleton skeleton--thumbnail"></span>
            <div class="v-stack gap-3 w-full">
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span>
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span>
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span>
            </div>
          </div>
          <div class="h-stack align-center gap-5 sm:gap-6">
            <span class="skeleton skeleton--thumbnail"></span>
            <div class="v-stack gap-3 w-full">
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span>
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span>
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span>
            </div>
          </div>
          <div class="h-stack align-center gap-5 sm:gap-6">
            <span class="skeleton skeleton--thumbnail"></span>
            <div class="v-stack gap-3 w-full">
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span>
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span>
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span>
            </div>
          </div>
        </div>
        <div class="v-stack gap-8">
          <span class="skeleton skeleton--tab"></span>
          <div class="h-stack align-center gap-5 sm:gap-6">
            <span class="skeleton skeleton--thumbnail"></span>
            <div class="v-stack gap-3 w-full">
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span>
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span>
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span>
            </div>
          </div>
          <div class="h-stack align-center gap-5 sm:gap-6">
            <span class="skeleton skeleton--thumbnail"></span>
            <div class="v-stack gap-3 w-full">
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span>
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span>
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span>
            </div>
          </div>
          <div class="h-stack align-center gap-5 sm:gap-6">
            <span class="skeleton skeleton--thumbnail"></span>
            <div class="v-stack gap-3 w-full">
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span>
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span>
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span>
            </div>
          </div>
          <div class="h-stack align-center gap-5 sm:gap-6">
            <span class="skeleton skeleton--thumbnail"></span>
            <div class="v-stack gap-3 w-full">
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span>
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span>
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span>
            </div>
          </div>
        </div>
        <div class="v-stack gap-8">
          <span class="skeleton skeleton--tab"></span>
          <div class="h-stack align-center gap-5 sm:gap-6">
            <span class="skeleton skeleton--thumbnail"></span>
            <div class="v-stack gap-3 w-full">
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span>
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span>
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span>
            </div>
          </div>
          <div class="h-stack align-center gap-5 sm:gap-6">
            <span class="skeleton skeleton--thumbnail"></span>
            <div class="v-stack gap-3 w-full">
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span>
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span>
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span>
            </div>
          </div>
          <div class="h-stack align-center gap-5 sm:gap-6">
            <span class="skeleton skeleton--thumbnail"></span>
            <div class="v-stack gap-3 w-full">
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span>
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span>
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span>
            </div>
          </div>
          <div class="h-stack align-center gap-5 sm:gap-6">
            <span class="skeleton skeleton--thumbnail"></span>
            <div class="v-stack gap-3 w-full">
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span>
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span>
              <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </predictive-search>
</form>

POST /contact#footer-newsletter

<form method="post" action="/contact#footer-newsletter" id="footer-newsletter" accept-charset="UTF-8" class="footer__newsletter-form form"><input type="hidden" name="form_type" value="customer"><input type="hidden" name="utf8" value="✓"><input
    type="hidden" name="contact[tags]" value="newsletter">
  <div class="form-control"><input id="input-footer-709230558" class="input is-floating" type="email" dir="ltr" name="contact[email]" placeholder=" " autocomplete="email" enterkeyhint="send" required=""><label for="input-footer-709230558"
      class="floating-label">E-mail</label>
    <div class="self-submit-button">
      <button type="submit" class="circle-chevron hover:colors">
        <span class="sr-only">Subscribe</span><svg role="presentation" focusable="false" width="5" height="8" class="icon icon-chevron-right-small reverse-icon" viewBox="0 0 5 8">
          <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path>
        </svg></button>
    </div>
  </div>
</form>

Text Content

%0A%3Clink%20rel=%22preconnect%20dns-prefetch%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fapi.config-security.com%252F%22%20crossorigin=%22%22%3E%0A%3Clink%20rel=%22preconnect%20dns-prefetch%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fconf.config-security.com%252F%22%20crossorigin=%22%22%3E%0A%3Clink%20rel=%22preconnect%20dns-prefetch%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fwhale.camera%252F%22%20crossorigin=%22%22%3E%0A%20%0A%3C!--%20begin%20Convert%20Experiences%20code--%3E%0A%0A%3Cstyle%3E%0A.media_slider%20%7B%0A%20%20%20margin-bottom:30px;%0A%7D%20%20%0A.media_slider%20.item:nth-child(1)%20~%20.item%20%7B%0A%20%20%20%20display:%20none;%0A%7D%0A.slick-initialized%20.slick-slide%20%7B%0A%20%20%20%20display:%20block%20!important;%0A%7D%20%20%0A%3C/style%3E%20%20%20%0A%3Clink%20rel=%22stylesheet%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fcdnjs.cloudflare.com%252Fajax%252Flibs%252Fslick-carousel%252F1.8.1%252Fslick.min.css%22%3E%20%20%0A%3Clink%20rel=%22stylesheet%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fcdnjs.cloudflare.com%252Fajax%252Flibs%252Fslick-carousel%252F1.8.1%252Fslick-theme.min.css%22%3E%0A%20%20%0A%20%20%0A%3C!--%20end%20Convert%20Experiences%20code%20--%3E%0A%3C!--%20heatmap.com%20snippet%20--%3E%0A%0A%3C!--%20End%20heatmap.com%20snippet%20Code%20--%3E%0A%20%20%20%20%0A%20%20%20%20%0A%20%20%20%20%0A%0A%20%20%20%20%3Ctitle%3E404%20Not%20Found%3C/title%3E%3Clink%20rel=%22canonical%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fviolatethedresscode.com%252F404%22%3E%3Clink%20rel=%22shortcut%20icon%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fviolatethedresscode.com%252Fcdn%252Fshop%252Ffiles%252FFavicon.png%253Fv%253D1613667432%2526width%253D96%22%3E%0A%20%20%20%20%20%20%3Clink%20rel=%22apple-touch-icon%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fviolatethedresscode.com%252Fcdn%252Fshop%252Ffiles%252FFavicon.png%253Fv%253D1613667432%2526width%253D180%22%3E%3Clink%20rel=%22preconnect%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fcdn.shopify.com%252F%22%3E%0A%20%20%20%20%3Clink%20rel=%22preconnect%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Ffonts.shopifycdn.com%252F%22%20crossorigin=%22%22%3E%0A%20%20%20%20%3Clink%20rel=%22dns-prefetch%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fproductreviews.shopifycdn.com%252F%22%3E%3Clink%20rel=%22modulepreload%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fviolatethedresscode.com%252Fcdn%252Fshop%252Ft%252F45%252Fassets%252Fvendor.min.js%253Fv%253D161072099565793977701688638388%22%20as=%22script%22%3E%0A%20%20%20%20%3Clink%20rel=%22modulepreload%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fviolatethedresscode.com%252Fcdn%252Fshop%252Ft%252F45%252Fassets%252Ftheme.js%253Fv%253D10460609576842115511697763080%22%20as=%22script%22%3E%0A%20%20%20%20%3Clink%20rel=%22modulepreload%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fviolatethedresscode.com%252Fcdn%252Fshop%252Ft%252F45%252Fassets%252Fsections.js%253Fv%253D41413926485266812921697763144%22%20as=%22script%22%3E%3Clink%20rel=%22preload%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fviolatethedresscode.com%252Fcdn%252Ffonts%252Froboto_condensed%252Frobotocondensed_n7.a8dcc495520a7cc0e796688956d83e7a5274e247.woff2%253Fh1%253DdmlvbGF0ZXRoZWRyZXNzY29kZS5jb20%2526h2%253DdmlvbGF0ZS10aGUtZHJlc3MtY29kZS5hY2NvdW50Lm15c2hvcGlmeS5jb20%2526hmac%253D98e4f217ba00e451548daf98f5608b033f98f860172ce2f0acbfaafc27a8258f%22%20as=%22font%22%20type=%22font/woff2%22%20crossorigin=%22%22%3E%3Clink%20rel=%22preload%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fviolatethedresscode.com%252Fcdn%252Ffonts%252Froboto_condensed%252Frobotocondensed_n4.901867ac1fae62a138ed9ec7898623d714425105.woff2%253Fh1%253DdmlvbGF0ZXRoZWRyZXNzY29kZS5jb20%2526h2%253DdmlvbGF0ZS10aGUtZHJlc3MtY29kZS5hY2NvdW50Lm15c2hvcGlmeS5jb20%2526hmac%253Dff753c9badf249f6f8947a422cc7495d21a63ff82ff7cc72f61579e4b762100b%22%20as=%22font%22%20type=%22font/woff2%22%20crossorigin=%22%22%3E%0A%20%20%0A%20%20%0A%20%20%0A%20%20%0A%0A%20%20%0A%20%20%0A%0A%0A%20%20%0A%0A%3Cstyle%3E/*%20Typography%20(heading)%20*/%0A%20%20@font-face%20%7B%0A%20%20font-family:%20%22Roboto%20Condensed%22;%0A%20%20font-weight:%20700;%0A%20%20font-style:%20normal;%0A%20%20font-display:%20fallback;%0A%20%20src:%20url(%22//violatethedresscode.com/cdn/fonts/roboto_condensed/robotocondensed_n7.a8dcc495520a7cc0e796688956d83e7a5274e247.woff2?h1=dmlvbGF0ZXRoZWRyZXNzY29kZS5jb20&h2=dmlvbGF0ZS10aGUtZHJlc3MtY29kZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=98e4f217ba00e451548daf98f5608b033f98f860172ce2f0acbfaafc27a8258f%22)%20format(%22woff2%22),%0A%20%20%20%20%20%20%20url(%22//violatethedresscode.com/cdn/fonts/roboto_condensed/robotocondensed_n7.42ef03157aa2a002e25bb3dfa99c3e6719fa428a.woff?h1=dmlvbGF0ZXRoZWRyZXNzY29kZS5jb20&h2=dmlvbGF0ZS10aGUtZHJlc3MtY29kZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=e7befcad4864605d5cd2882c678fa3e2ddc9b8bd902a4375c6c70f1dfc55fa3e%22)%20format(%22woff%22);%0A%7D%0A%0A@font-face%20%7B%0A%20%20font-family:%20%22Roboto%20Condensed%22;%0A%20%20font-weight:%20700;%0A%20%20font-style:%20italic;%0A%20%20font-display:%20fallback;%0A%20%20src:%20url(%22//violatethedresscode.com/cdn/fonts/roboto_condensed/robotocondensed_i7.7565ef358b998b657e7f441948127f8a7c9be773.woff2?h1=dmlvbGF0ZXRoZWRyZXNzY29kZS5jb20&h2=dmlvbGF0ZS10aGUtZHJlc3MtY29kZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=aba0b572f36cd28f8894f0c81ddd3d66530c29279797d2187fb4f4480a6df453%22)%20format(%22woff2%22),%0A%20%20%20%20%20%20%20url(%22//violatethedresscode.com/cdn/fonts/roboto_condensed/robotocondensed_i7.06cb4516964ff08b914525b41601e86f4330c9c3.woff?h1=dmlvbGF0ZXRoZWRyZXNzY29kZS5jb20&h2=dmlvbGF0ZS10aGUtZHJlc3MtY29kZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=3627e1bc5c0a3b92e9b22781c0b6e63b0badbb4508542f58a6981db043baeeda%22)%20format(%22woff%22);%0A%7D%0A%0A/*%20Typography%20(body)%20*/%0A%20%20@font-face%20%7B%0A%20%20font-family:%20%22Roboto%20Condensed%22;%0A%20%20font-weight:%20400;%0A%20%20font-style:%20normal;%0A%20%20font-display:%20fallback;%0A%20%20src:%20url(%22//violatethedresscode.com/cdn/fonts/roboto_condensed/robotocondensed_n4.901867ac1fae62a138ed9ec7898623d714425105.woff2?h1=dmlvbGF0ZXRoZWRyZXNzY29kZS5jb20&h2=dmlvbGF0ZS10aGUtZHJlc3MtY29kZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=ff753c9badf249f6f8947a422cc7495d21a63ff82ff7cc72f61579e4b762100b%22)%20format(%22woff2%22),%0A%20%20%20%20%20%20%20url(%22//violatethedresscode.com/cdn/fonts/roboto_condensed/robotocondensed_n4.c3228efde738d250ea3586f81d19645b192589ab.woff?h1=dmlvbGF0ZXRoZWRyZXNzY29kZS5jb20&h2=dmlvbGF0ZS10aGUtZHJlc3MtY29kZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=f6bd37c9ee17e5cd15e25c461d3cd04dbff4c04c06539426a2ad0417721d2e53%22)%20format(%22woff%22);%0A%7D%0A%0A@font-face%20%7B%0A%20%20font-family:%20%22Roboto%20Condensed%22;%0A%20%20font-weight:%20400;%0A%20%20font-style:%20italic;%0A%20%20font-display:%20fallback;%0A%20%20src:%20url(%22//violatethedresscode.com/cdn/fonts/roboto_condensed/robotocondensed_i4.13fc127c668f1ef2c693593d70d747d31984e2fb.woff2?h1=dmlvbGF0ZXRoZWRyZXNzY29kZS5jb20&h2=dmlvbGF0ZS10aGUtZHJlc3MtY29kZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=2426e2c6d6dfd533529ca63e2de76d53897a085cdc5b2ec1290c4a96867142ac%22)%20format(%22woff2%22),%0A%20%20%20%20%20%20%20url(%22//violatethedresscode.com/cdn/fonts/roboto_condensed/robotocondensed_i4.c9f77c83bde6a8505d7622ece139952798a4f56a.woff?h1=dmlvbGF0ZXRoZWRyZXNzY29kZS5jb20&h2=dmlvbGF0ZS10aGUtZHJlc3MtY29kZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=11a77a2b0db6660ede78cfbcf10e5b6fe7385b433a08f7a7caa4f44f01039316%22)%20format(%22woff%22);%0A%7D%0A%0A@font-face%20%7B%0A%20%20font-family:%20%22Roboto%20Condensed%22;%0A%20%20font-weight:%20700;%0A%20%20font-style:%20normal;%0A%20%20font-display:%20fallback;%0A%20%20src:%20url(%22//violatethedresscode.com/cdn/fonts/roboto_condensed/robotocondensed_n7.a8dcc495520a7cc0e796688956d83e7a5274e247.woff2?h1=dmlvbGF0ZXRoZWRyZXNzY29kZS5jb20&h2=dmlvbGF0ZS10aGUtZHJlc3MtY29kZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=98e4f217ba00e451548daf98f5608b033f98f860172ce2f0acbfaafc27a8258f%22)%20format(%22woff2%22),%0A%20%20%20%20%20%20%20url(%22//violatethedresscode.com/cdn/fonts/roboto_condensed/robotocondensed_n7.42ef03157aa2a002e25bb3dfa99c3e6719fa428a.woff?h1=dmlvbGF0ZXRoZWRyZXNzY29kZS5jb20&h2=dmlvbGF0ZS10aGUtZHJlc3MtY29kZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=e7befcad4864605d5cd2882c678fa3e2ddc9b8bd902a4375c6c70f1dfc55fa3e%22)%20format(%22woff%22);%0A%7D%0A%0A@font-face%20%7B%0A%20%20font-family:%20%22Roboto%20Condensed%22;%0A%20%20font-weight:%20700;%0A%20%20font-style:%20italic;%0A%20%20font-display:%20fallback;%0A%20%20src:%20url(%22//violatethedresscode.com/cdn/fonts/roboto_condensed/robotocondensed_i7.7565ef358b998b657e7f441948127f8a7c9be773.woff2?h1=dmlvbGF0ZXRoZWRyZXNzY29kZS5jb20&h2=dmlvbGF0ZS10aGUtZHJlc3MtY29kZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=aba0b572f36cd28f8894f0c81ddd3d66530c29279797d2187fb4f4480a6df453%22)%20format(%22woff2%22),%0A%20%20%20%20%20%20%20url(%22//violatethedresscode.com/cdn/fonts/roboto_condensed/robotocondensed_i7.06cb4516964ff08b914525b41601e86f4330c9c3.woff?h1=dmlvbGF0ZXRoZWRyZXNzY29kZS5jb20&h2=dmlvbGF0ZS10aGUtZHJlc3MtY29kZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=3627e1bc5c0a3b92e9b22781c0b6e63b0badbb4508542f58a6981db043baeeda%22)%20format(%22woff%22);%0A%7D%0A%0A:root%20%7B%0A%20%20%20%20/**%0A%20%20%20%20%20*%20---------------------------------------------------------------------%0A%20%20%20%20%20*%20SPACING%20VARIABLES%0A%20%20%20%20%20*%0A%20%20%20%20%20*%20We%20are%20using%20a%20spacing%20inspired%20from%20frameworks%20like%20Tailwind%20CSS.%0A%20%20%20%20%20*%20---------------------------------------------------------------------%0A%20%20%20%20%20*/%0A%20%20%20%20--spacing-0-5:%200.125rem;%20/*%202px%20*/%0A%20%20%20%20--spacing-1:%200.25rem;%20/*%204px%20*/%0A%20%20%20%20--spacing-1-5:%200.375rem;%20/*%206px%20*/%0A%20%20%20%20--spacing-2:%200.5rem;%20/*%208px%20*/%0A%20%20%20%20--spacing-2-5:%200.625rem;%20/*%2010px%20*/%0A%20%20%20%20--spacing-3:%200.75rem;%20/*%2012px%20*/%0A%20%20%20%20--spacing-3-5:%200.875rem;%20/*%2014px%20*/%0A%20%20%20%20--spacing-4:%201rem;%20/*%2016px%20*/%0A%20%20%20%20--spacing-4-5:%201.125rem;%20/*%2018px%20*/%0A%20%20%20%20--spacing-5:%201.25rem;%20/*%2020px%20*/%0A%20%20%20%20--spacing-5-5:%201.375rem;%20/*%2022px%20*/%0A%20%20%20%20--spacing-6:%201.5rem;%20/*%2024px%20*/%0A%20%20%20%20--spacing-6-5:%201.625rem;%20/*%2026px%20*/%0A%20%20%20%20--spacing-7:%201.75rem;%20/*%2028px%20*/%0A%20%20%20%20--spacing-7-5:%201.875rem;%20/*%2030px%20*/%0A%20%20%20%20--spacing-8:%202rem;%20/*%2032px%20*/%0A%20%20%20%20--spacing-8-5:%202.125rem;%20/*%2034px%20*/%0A%20%20%20%20--spacing-9:%202.25rem;%20/*%2036px%20*/%0A%20%20%20%20--spacing-9-5:%202.375rem;%20/*%2038px%20*/%0A%20%20%20%20--spacing-10:%202.5rem;%20/*%2040px%20*/%0A%20%20%20%20--spacing-11:%202.75rem;%20/*%2044px%20*/%0A%20%20%20%20--spacing-12:%203rem;%20/*%2048px%20*/%0A%20%20%20%20--spacing-14:%203.5rem;%20/*%2056px%20*/%0A%20%20%20%20--spacing-16:%204rem;%20/*%2064px%20*/%0A%20%20%20%20--spacing-18:%204.5rem;%20/*%2072px%20*/%0A%20%20%20%20--spacing-20:%205rem;%20/*%2080px%20*/%0A%20%20%20%20--spacing-24:%206rem;%20/*%2096px%20*/%0A%20%20%20%20--spacing-28:%207rem;%20/*%20112px%20*/%0A%20%20%20%20--spacing-32:%208rem;%20/*%20128px%20*/%0A%20%20%20%20--spacing-36:%209rem;%20/*%20144px%20*/%0A%20%20%20%20--spacing-40:%2010rem;%20/*%20160px%20*/%0A%20%20%20%20--spacing-44:%2011rem;%20/*%20176px%20*/%0A%20%20%20%20--spacing-48:%2012rem;%20/*%20192px%20*/%0A%20%20%20%20--spacing-52:%2013rem;%20/*%20208px%20*/%0A%20%20%20%20--spacing-56:%2014rem;%20/*%20224px%20*/%0A%20%20%20%20--spacing-60:%2015rem;%20/*%20240px%20*/%0A%20%20%20%20--spacing-64:%2016rem;%20/*%20256px%20*/%0A%20%20%20%20--spacing-72:%2018rem;%20/*%20288px%20*/%0A%20%20%20%20--spacing-80:%2020rem;%20/*%20320px%20*/%0A%20%20%20%20--spacing-96:%2024rem;%20/*%20384px%20*/%0A%0A%20%20%20%20/*%20Container%20*/%0A%20%20%20%20--container-max-width:%201600px;%0A%20%20%20%20--container-narrow-max-width:%201350px;%0A%20%20%20%20--container-gutter:%20var(--spacing-5);%0A%20%20%20%20--section-outer-spacing-block:%20var(--spacing-12);%0A%20%20%20%20--section-inner-max-spacing-block:%20var(--spacing-10);%0A%20%20%20%20--section-inner-spacing-inline:%20var(--container-gutter);%0A%20%20%20%20--section-stack-spacing-block:%20var(--spacing-8);%0A%0A%20%20%20%20/*%20Grid%20gutter%20*/%0A%20%20%20%20--grid-gutter:%20var(--spacing-5);%0A%0A%20%20%20%20/*%20Product%20list%20settings%20*/%0A%20%20%20%20--product-list-row-gap:%20var(--spacing-8);%0A%20%20%20%20--product-list-column-gap:%20var(--grid-gutter);%0A%0A%20%20%20%20/*%20Form%20settings%20*/%0A%20%20%20%20--input-gap:%20var(--spacing-2);%0A%20%20%20%20--input-height:%202.625rem;%0A%20%20%20%20--input-padding-inline:%20var(--spacing-4);%0A%0A%20%20%20%20/*%20Other%20sizes%20*/%0A%20%20%20%20--sticky-area-height:%20calc(var(--sticky-announcement-bar-enabled,%200)%20*%20var(--announcement-bar-height,%200px)%20+%20var(--sticky-header-enabled,%200)%20*%20var(--header-height,%200px));%0A%0A%20%20%20%20/*%20RTL%20support%20*/%0A%20%20%20%20--transform-logical-flip:%201;%0A%20%20%20%20--transform-origin-start:%20left;%0A%20%20%20%20--transform-origin-end:%20right;%0A%0A%20%20%20%20/**%0A%20%20%20%20%20*%20---------------------------------------------------------------------%0A%20%20%20%20%20*%20TYPOGRAPHY%0A%20%20%20%20%20*%20---------------------------------------------------------------------%0A%20%20%20%20%20*/%0A%0A%20%20%20%20/*%20Font%20properties%20*/%0A%20%20%20%20--heading-font-family:%20%22Roboto%20Condensed%22,%20sans-serif;%0A%20%20%20%20--heading-font-weight:%20700;%0A%20%20%20%20--heading-font-style:%20normal;%0A%20%20%20%20--heading-text-transform:%20normal;%0A%20%20%20%20--heading-letter-spacing:%20-0.02em;%0A%20%20%20%20--text-font-family:%20%22Roboto%20Condensed%22,%20sans-serif;%0A%20%20%20%20--text-font-weight:%20400;%0A%20%20%20%20--text-font-style:%20normal;%0A%20%20%20%20--text-letter-spacing:%200.0em;%0A%0A%20%20%20%20/*%20Font%20sizes%20*/%0A%20%20%20%20--text-h0:%203rem;%0A%20%20%20%20--text-h1:%202.5rem;%0A%20%20%20%20--text-h2:%202rem;%0A%20%20%20%20--text-h3:%201.5rem;%0A%20%20%20%20--text-h4:%201.375rem;%0A%20%20%20%20--text-h5:%201.125rem;%0A%20%20%20%20--text-h6:%201rem;%0A%20%20%20%20--text-xs:%200.8125rem;%0A%20%20%20%20--text-sm:%200.875rem;%0A%20%20%20%20--text-base:%201.0rem;%0A%20%20%20%20--text-lg:%201.25rem;%0A%0A%20%20%20%20/**%0A%20%20%20%20%20*%20---------------------------------------------------------------------%0A%20%20%20%20%20*%20COLORS%0A%20%20%20%20%20*%20---------------------------------------------------------------------%0A%20%20%20%20%20*/%0A%0A%20%20%20%20/*%20Color%20settings%20*/--accent:%20128%20191%20189;%0A%20%20%20%20--text-primary:%2026%2026%2026;%0A%20%20%20%20--background-primary:%20255%20255%20255;%0A%20%20%20%20--dialog-background:%20255%20255%20255;%0A%20%20%20%20--border-color:%20var(--text-color,%20var(--text-primary))%20/%200.12;%0A%0A%20%20%20%20/*%20Button%20colors%20*/%0A%20%20%20%20--button-background-primary:%20128%20191%20189;%0A%20%20%20%20--button-text-primary:%200%200%200;%0A%20%20%20%20--button-background-secondary:%20128%20191%20189;%0A%20%20%20%20--button-text-secondary:%2026%2026%2026;%0A%0A%20%20%20%20/*%20Status%20colors%20*/%0A%20%20%20%20--success-background:%20224%20244%20232;%0A%20%20%20%20--success-text:%200%20163%2065;%0A%20%20%20%20--warning-background:%20255%20246%20233;%0A%20%20%20%20--warning-text:%20255%20183%2074;%0A%20%20%20%20--error-background:%20254%20231%20231;%0A%20%20%20%20--error-text:%20248%2058%2058;%0A%0A%20%20%20%20/*%20Product%20colors%20*/%0A%20%20%20%20--on-sale-text:%20248%2058%2058;%0A%20%20%20%20--on-sale-badge-background:%20248%2058%2058;%0A%20%20%20%20--on-sale-badge-text:%20255%20255%20255;%0A%20%20%20%20--sold-out-badge-background:%200%200%200;%0A%20%20%20%20--sold-out-badge-text:%20255%20255%20255;%0A%20%20%20%20--primary-badge-background:%20128%2060%20238;%0A%20%20%20%20--primary-badge-text:%20255%20255%20255;%0A%20%20%20%20--star-color:%20255%20183%2074;%0A%20%20%20%20--product-card-background:%20255%20255%20255;%0A%20%20%20%20--product-card-text:%2026%2026%2026;%0A%0A%20%20%20%20/*%20Header%20colors%20*/%0A%20%20%20%20--header-background:%20255%20255%20255;%0A%20%20%20%20--header-text:%2026%2026%2026;%0A%0A%20%20%20%20/*%20Footer%20colors%20*/%0A%20%20%20%20--footer-background:%20255%20255%20255;%0A%20%20%20%20--footer-text:%2026%2026%2026;%0A%0A%20%20%20%20/*%20Rounded%20variables%20(used%20for%20border%20radius)%20*/%0A%20%20%20%20--rounded-xs:%200.25rem;%0A%20%20%20%20--rounded-sm:%200.5rem;%0A%20%20%20%20--rounded:%201.0rem;%0A%20%20%20%20--rounded-lg:%202.0rem;%0A%20%20%20%20--rounded-full:%209999px;%0A%0A%20%20%20%20--rounded-button:%203.75rem;%0A%20%20%20%20--rounded-input:%200.0rem;%0A%0A%20%20%20%20/*%20Box%20shadow%20*/%0A%20%20%20%20--shadow-sm:%200%202px%208px%20rgb(var(--text-primary)%20/%200.1);%0A%20%20%20%20--shadow:%200%205px%2015px%20rgb(var(--text-primary)%20/%200.1);%0A%20%20%20%20--shadow-md:%200%205px%2030px%20rgb(var(--text-primary)%20/%200.1);%0A%20%20%20%20--shadow-block:%200px%2018px%2050px%20rgb(var(--text-primary)%20/%200.1);%0A%0A%20%20%20%20/**%0A%20%20%20%20%20*%20---------------------------------------------------------------------%0A%20%20%20%20%20*%20OTHER%0A%20%20%20%20%20*%20---------------------------------------------------------------------%0A%20%20%20%20%20*/%0A%0A%20%20%20%20--cursor-close-svg-url:%20url(//violatethedresscode.com/cdn/shop/t/45/assets/cursor-close.svg?v=147174565022153725511688638388);%0A%20%20%20%20--cursor-zoom-in-svg-url:%20url(//violatethedresscode.com/cdn/shop/t/45/assets/cursor-zoom-in.svg?v=154953035094101115921688638388);%0A%20%20%20%20--cursor-zoom-out-svg-url:%20url(//violatethedresscode.com/cdn/shop/t/45/assets/cursor-zoom-out.svg?v=16155520337305705181688638388);%0A%20%20%20%20--checkmark-svg-url:%20url(//violatethedresscode.com/cdn/shop/t/45/assets/checkmark.svg?v=5085511394707007931688638388);%0A%20%20%7D%0A%0A%20%20%5Bdir=%22rtl%22%5D:root%20%7B%0A%20%20%20%20/*%20RTL%20support%20*/%0A%20%20%20%20--transform-logical-flip:%20-1;%0A%20%20%20%20--transform-origin-start:%20right;%0A%20%20%20%20--transform-origin-end:%20left;%0A%20%20%7D%0A%0A%20%20@media%20screen%20and%20(min-width:%20700px)%20%7B%0A%20%20%20%20:root%20%7B%0A%20%20%20%20%20%20/*%20Typography%20(font%20size)%20*/%0A%20%20%20%20%20%20--text-h0:%204rem;%0A%20%20%20%20%20%20--text-h1:%203rem;%0A%20%20%20%20%20%20--text-h2:%202.5rem;%0A%20%20%20%20%20%20--text-h3:%202rem;%0A%20%20%20%20%20%20--text-h4:%201.625rem;%0A%20%20%20%20%20%20--text-h5:%201.25rem;%0A%20%20%20%20%20%20--text-h6:%201.125rem;%0A%0A%20%20%20%20%20%20--text-xs:%200.75rem;%0A%20%20%20%20%20%20--text-sm:%200.875rem;%0A%20%20%20%20%20%20--text-base:%201.0rem;%0A%20%20%20%20%20%20--text-lg:%201.25rem;%0A%0A%20%20%20%20%20%20/*%20Spacing%20*/%0A%20%20%20%20%20%20--container-gutter:%202rem;%0A%20%20%20%20%20%20--section-outer-spacing-block:%20var(--spacing-16);%0A%20%20%20%20%20%20--section-inner-max-spacing-block:%20var(--spacing-12);%0A%20%20%20%20%20%20--section-inner-spacing-inline:%20var(--spacing-12);%0A%20%20%20%20%20%20--section-stack-spacing-block:%20var(--spacing-12);%0A%0A%20%20%20%20%20%20/*%20Grid%20gutter%20*/%0A%20%20%20%20%20%20--grid-gutter:%20var(--spacing-6);%0A%0A%20%20%20%20%20%20/*%20Product%20list%20settings%20*/%0A%20%20%20%20%20%20--product-list-row-gap:%20var(--spacing-12);%0A%0A%20%20%20%20%20%20/*%20Form%20settings%20*/%0A%20%20%20%20%20%20--input-gap:%201rem;%0A%20%20%20%20%20%20--input-height:%203.125rem;%0A%20%20%20%20%20%20--input-padding-inline:%20var(--spacing-5);%0A%20%20%20%20%7D%0A%20%20%7D%0A%0A%20%20@media%20screen%20and%20(min-width:%201000px)%20%7B%0A%20%20%20%20:root%20%7B%0A%20%20%20%20%20%20/*%20Spacing%20settings%20*/%0A%20%20%20%20%20%20--container-gutter:%20var(--spacing-12);%0A%20%20%20%20%20%20--section-outer-spacing-block:%20var(--spacing-18);%0A%20%20%20%20%20%20--section-inner-max-spacing-block:%20var(--spacing-16);%0A%20%20%20%20%20%20--section-inner-spacing-inline:%20var(--spacing-16);%0A%20%20%20%20%20%20--section-stack-spacing-block:%20var(--spacing-12);%0A%20%20%20%20%7D%0A%20%20%7D%0A%0A%20%20@media%20screen%20and%20(min-width:%201150px)%20%7B%0A%20%20%20%20:root%20%7B%0A%20%20%20%20%20%20/*%20Spacing%20settings%20*/%0A%20%20%20%20%20%20--container-gutter:%20var(--spacing-12);%0A%20%20%20%20%20%20--section-outer-spacing-block:%20var(--spacing-20);%0A%20%20%20%20%20%20--section-inner-max-spacing-block:%20var(--spacing-16);%0A%20%20%20%20%20%20--section-inner-spacing-inline:%20var(--spacing-16);%0A%20%20%20%20%20%20--section-stack-spacing-block:%20var(--spacing-12);%0A%20%20%20%20%7D%0A%20%20%7D%0A%0A%20%20@media%20screen%20and%20(min-width:%201400px)%20%7B%0A%20%20%20%20:root%20%7B%0A%20%20%20%20%20%20/*%20Typography%20(font%20size)%20*/%0A%20%20%20%20%20%20--text-h0:%205rem;%0A%20%20%20%20%20%20--text-h1:%203.75rem;%0A%20%20%20%20%20%20--text-h2:%203rem;%0A%20%20%20%20%20%20--text-h3:%202.25rem;%0A%20%20%20%20%20%20--text-h4:%202rem;%0A%20%20%20%20%20%20--text-h5:%201.5rem;%0A%20%20%20%20%20%20--text-h6:%201.25rem;%0A%0A%20%20%20%20%20%20--section-outer-spacing-block:%20var(--spacing-24);%0A%20%20%20%20%20%20--section-inner-max-spacing-block:%20var(--spacing-18);%0A%20%20%20%20%20%20--section-inner-spacing-inline:%20var(--spacing-18);%0A%20%20%20%20%7D%0A%20%20%7D%0A%0A%20%20@media%20screen%20and%20(min-width:%201600px)%20%7B%0A%20%20%20%20:root%20%7B%0A%20%20%20%20%20%20--section-outer-spacing-block:%20var(--spacing-24);%0A%20%20%20%20%20%20--section-inner-max-spacing-block:%20var(--spacing-20);%0A%20%20%20%20%20%20--section-inner-spacing-inline:%20var(--spacing-20);%0A%20%20%20%20%7D%0A%20%20%7D%0A%0A%20%20/**%0A%20%20%20*%20---------------------------------------------------------------------%0A%20%20%20*%20LIQUID%20DEPENDANT%20CSS%0A%20%20%20*%0A%20%20%20*%20Our%20main%20CSS%20is%20Liquid%20free,%20but%20some%20very%20specific%20features%20depend%20on%0A%20%20%20*%20theme%20settings,%20so%20we%20have%20them%20here%0A%20%20%20*%20---------------------------------------------------------------------%0A%20%20%20*/@media%20screen%20and%20(pointer:%20fine)%20%7B%0A%20%20%20%20%20%20%20%20.button:not(%5Bdisabled%5D):hover,%20.btn:not(%5Bdisabled%5D):hover,%20.shopify-payment-button__button--unbranded:not(%5Bdisabled%5D):hover%20%7B%0A%20%20%20%20%20%20%20%20%20%20--button-background-opacity:%200.85;%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20.button--subdued:not(%5Bdisabled%5D):hover%20%7B%0A%20%20%20%20%20%20%20%20%20%20--button-background:%20var(--text-color)%20/%20.05%20!important;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%3C/style%3E%0A%20%20%20%20%0A%20%20%20%20%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%3Cstyle%20id=%22shopify-dynamic-checkout-cart%22%3E@media%20screen%20and%20(min-width:%20750px)%20%7B%0A%20%20#dynamic-checkout-cart%20%7B%0A%20%20%20%20min-height:%2050px;%0A%20%20%7D%0A%7D%0A%0A@media%20screen%20and%20(max-width:%20750px)%20%7B%0A%20%20#dynamic-checkout-cart%20%7B%0A%20%20%20%20min-height:%20240px;%0A%20%20%7D%0A%7D%0A%3C/style%3E%0A%3Clink%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fviolatethedresscode.com%252Fcdn%252Fshop%252Ft%252F45%252Fassets%252Ftheme.css%253Fv%253D93178323478314674521688638388%22%20rel=%22stylesheet%22%20type=%22text/css%22%20media=%22all%22%3E%3C!--%20Global%20Site%20Tag%20(gtag.js)%20-%20Google%20AdWords:%20969220897%20--%3E%0A%20%20%20%20%0A%20%20%20%20%0A%20%20%20%20%0A%20%20%20%0A%0A%20%20%20%20%3Clink%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fcdnjs.cloudflare.com%252Fajax%252Flibs%252Ffont-awesome%252F6.4.0%252Fcss%252Fall.min.css%22%20rel=%22stylesheet%22%3E%0A%20%20%3C!--%20BEGIN%20app%20block:%20shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507%20--%3E%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%20%20%0A%20%20%0A%0A%20%20%0A%0A%0A%0A%0A%20%20%0A%0A%0A%0A%3C!--%20END%20app%20app%20block%20--%3E%3C!--%20BEGIN%20app%20block:%20shopify://apps/judge-me-product-reviews/blocks/judgeme_core/61ccd3b1-a9f2-4160-9fe9-4fec8413e5d8%20--%3E%3C!--%20Start%20of%20Judge.me%20Core%20--%3E%0A%3Clink%20rel=%22dns-prefetch%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fcdn.judge.me%252F%22%3E%0A%20%3Cstyle%20class=%22jdgm-settings-style%22%3E.jdgm-xx%7Bleft:0%7D:not(.jdgm-prev-badge__stars)>.jdgm-star%7Bcolor:#000000%7D.jdgm-histogram%20.jdgm-star.jdgm-star%7Bcolor:#000000%7D.jdgm-preview-badge%20.jdgm-star.jdgm-star%7Bcolor:#000000%7D.jdgm-prev-badge%5Bdata-average-rating='0.00'%5D%7Bdisplay:none%20!important%7D.jdgm-author-all-initials%7Bdisplay:none%20!important%7D.jdgm-author-last-initial%7Bdisplay:none%20!important%7D.jdgm-rev-widg__title%7Bvisibility:hidden%7D.jdgm-rev-widg__summary-text%7Bvisibility:hidden%7D.jdgm-prev-badge__text%7Bvisibility:hidden%7D.jdgm-rev__replier:before%7Bcontent:'violatethedresscode.com'%7D.jdgm-rev__prod-link-prefix:before%7Bcontent:'about'%7D.jdgm-rev__out-of-store-text:before%7Bcontent:'(out%20of%20stock)'%7D.jdgm-preview-badge%5Bdata-template=%22index%22%5D%7Bdisplay:none%20!important%7D.jdgm-verified-count-badget%5Bdata-from-snippet=%22true%22%5D%7Bdisplay:none%20!important%7D.jdgm-carousel-wrapper%5Bdata-from-snippet=%22true%22%5D%7Bdisplay:none%20!important%7D.jdgm-all-reviews-text%5Bdata-from-snippet=%22true%22%5D%7Bdisplay:none%20!important%7D.jdgm-medals-section%5Bdata-from-snippet=%22true%22%5D%7Bdisplay:none%20!important%7D.jdgm-ugc-media-wrapper%5Bdata-from-snippet=%22true%22%5D%7Bdisplay:none%20!important%7D%0A%3C/style%3E%20%0A%3Clink%20id=%22judgeme_widget_leex_css%22%20rel=%22stylesheet%22%20type=%22text/css%22%20media=%22all%22%20onload=%22this.media='all'%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fcdn.judge.me%252Fshopify_v2%252Fleex.css%22%3E%0A%0A%20%20%0A%20%20%0A%20%20%0A%20%20%3Cstyle%20class=%22jdgm-miracle-styles%22%3E%0A%20%20@-webkit-keyframes%20jdgm-spin%7B0%25%7B-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)%7D100%25%7B-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)%7D%7D@keyframes%20jdgm-spin%7B0%25%7B-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)%7D100%25%7B-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)%7D%7D@font-face%7Bfont-family:'JudgemeStar';src:url(%22data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAScAA0AAAAABrAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEgAAAABoAAAAcbyQ+3kdERUYAAARgAAAAHgAAACAAMwAGT1MvMgAAAZgAAABGAAAAVi+vS9xjbWFwAAAB8AAAAEAAAAFKwBMjvmdhc3AAAARYAAAACAAAAAj//wADZ2x5ZgAAAkAAAAEJAAABdH33LXtoZWFkAAABMAAAAC0AAAA2BroQKWhoZWEAAAFgAAAAHAAAACQD5QHQaG10eAAAAeAAAAAPAAAAFAYAAABsb2NhAAACMAAAAA4AAAAOAO4AeG1heHAAAAF8AAAAHAAAACAASgAvbmFtZQAAA0wAAADeAAABkorWfVZwb3N0AAAELAAAACkAAABEp3ubLXgBY2BkYADhPPP4OfH8Nl8ZuJkYQODS2fRrCPr/aSYGxq1ALgcDWBoAO60LkwAAAHgBY2BkYGDc+v80gx4TAwgASaAICmABAFB+Arl4AWNgZGBgYGPQYWBiAAIwyQgWc2AAAwAHVQB6eAFjYGRiYJzAwMrAwejDmMbAwOAOpb8ySDK0MDAwMbByMsCBAAMCBKS5pjA4PGB4wMR44P8BBj3GrQymQGFGkBwAjtgK/gAAeAFjYoAAEA1jAwAAZAAHAHgB3crBCcAwDEPRZydkih567CDdf4ZskmLwFBV8xBfCaC4BXkOUmx4sU0h2ngNb9V0vQCxaRKIAevT7fGWuBrEAAAAAAAAAAAA0AHgAugAAeAF9z79Kw1AUx/FzTm7un6QmJtwmQ5Bg1abgEGr/BAqlU6Gju+Cgg1MkQ/sA7Vj7BOnmO/gUvo2Lo14NqIO6/IazfD8HEODtmQCfoANwNsyp2/GJt3WKQrd1NLiYYWx2PBqOsmJMEOznPOTzfSCrhAtbbLdmeFLJV9eKd63WLrZcIcuaEVdssWCKM6pLCfTVOYbz/0pNSMSZKLIZpvh78sAUH6PlMrreTCabP9r+Z/puPZ2ur/RqpQHgh+MIegCnXeM4MRAPjYN//5tj4ZtTjkFqEdmeMShlEJ7tVAly2TAkx6R68Fl4E/aVvn8JqHFQ4JS1434gXKcuL31dDhzs3YbsEOAd/IU88gAAAHgBfY4xTgMxEEVfkk0AgRCioKFxQYd2ZRtpixxgRU2RfhU5q5VWseQ4JdfgAJyBlmNwAM7ABRhZQ0ORwp7nr+eZAa54YwYg9zm3ynPOeFRe8MCrciXOh/KSS76UV5L/iDmrLiS5AeU519wrL3jmSbkS5115yR2fyivJv9kx0ZMZ2RLZw27q87iNQi8EBo5FSPIMw3HqBboi5lKTGAGDp8FKXWP+t9TU01Lj5His1Ba6uM9dTEMwvrFmbf5GC/q2drW3ruXUhhsCiQOjznFlCzYhHUZp4xp76vsvQh89CQAAeAFjYGJABowM6IANLMrEyMTIzMjCXpyRWJBqZshWXJJYBKOMAFHFBucAAAAAAAAB//8AAngBY2BkYGDgA2IJBhBgAvKZGViBJAuYxwAABJsAOgAAeAFjYGBgZACCk535hiD60tn0azAaAEqpB6wAAA==%22)%20format(%22woff%22);font-weight:normal;font-style:normal%7D.jdgm-star%7Bfont-family:'JudgemeStar';display:inline%20!important;text-decoration:none%20!important;padding:0%204px%200%200%20!important;margin:0%20!important;font-weight:bold;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale%7D.jdgm-star:hover%7Bopacity:1%7D.jdgm-star:last-of-type%7Bpadding:0%20!important%7D.jdgm-star.jdgm--on:before%7Bcontent:%22%5Ce000%22%7D.jdgm-star.jdgm--off:before%7Bcontent:%22%5Ce001%22%7D.jdgm-star.jdgm--half:before%7Bcontent:%22%5Ce002%22%7D.jdgm-widget%20*%7Bmargin:0;line-height:1.4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch%7D.jdgm-hidden%7Bdisplay:none%20!important;visibility:hidden%20!important%7D.jdgm-temp-hidden%7Bdisplay:none%7D.jdgm-spinner%7Bwidth:40px;height:40px;margin:auto;border-radius:50%25;border-top:2px%20solid%20#eee;border-right:2px%20solid%20#eee;border-bottom:2px%20solid%20#eee;border-left:2px%20solid%20#ccc;-webkit-animation:jdgm-spin%200.8s%20infinite%20linear;animation:jdgm-spin%200.8s%20infinite%20linear%7D.jdgm-prev-badge%7Bdisplay:block%20!important%7D%0A%0A%3C/style%3E%0A%0A%0A%20%20%0A%20%20%0A%20%20%20%0A%0A%0A%0A%3Cnoscript%3E<link%20rel=%22stylesheet%22%20type=%22text/css%22%20media=%22all%22%20href=%22https://cdn.judge.me/shopify_v2.css%22>%3C/noscript%3E%0A%0A%3C!--%20BEGIN%20app%20snippet:%20theme_fix_tags%20--%3E%0A%3C!--%20END%20app%20snippet%20--%3E%0A%3C!--%20End%20of%20Judge.me%20Core%20--%3E%0A%0A%0A%0A%0A%3C!--%20END%20app%20app%20block%20--%3E%3Clink%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fmonorail-edge.shopifysvc.com%252F%22%20rel=%22dns-prefetch%22%3E%0A%0A%20%20%0A%0A%0A%3Clink%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fviolatethedresscode.com%252Fcdn%252Fshopifycloud%252Fboomerang%252Fshopify-boomerang-1.0.0.min.js%22%20rel=%22preload%22%20as=%22script%22%3E%0A%3Cstyle%20type=%22text/css%22%3E%0A.vue-modal-resizer%20%7B%0A%20%20display:%20block;%0A%20%20overflow:%20hidden;%0A%20%20position:%20absolute;%0A%20%20width:%2012px;%0A%20%20height:%2012px;%0A%20%20right:%200;%0A%20%20bottom:%200;%0A%20%20z-index:%209999999;%0A%20%20background:%20transparent;%0A%20%20cursor:%20se-resize;%0A%7D%0A.vue-modal-resizer::after%20%7B%0A%20%20display:%20block;%0A%20%20position:%20absolute;%0A%20%20content:%20'';%0A%20%20background:%20transparent;%0A%20%20left:%200;%0A%20%20top:%200;%0A%20%20width:%200;%0A%20%20height:%200;%0A%20%20border-bottom:%2010px%20solid%20#ddd;%0A%20%20border-left:%2010px%20solid%20transparent;%0A%7D%0A.vue-modal-resizer.clicked::after%20%7B%0A%20%20border-bottom:%2010px%20solid%20#369be9;%0A%7D%0A%3C/style%3E%3Cstyle%20type=%22text/css%22%3E%0A.v--modal-block-scroll%20%7B%0A%20%20overflow:%20hidden;%0A%20%20width:%20100vw;%0A%7D%0A.v--modal-overlay%20%7B%0A%20%20position:%20fixed;%0A%20%20box-sizing:%20border-box;%0A%20%20left:%200;%0A%20%20top:%200;%0A%20%20width:%20100%25;%0A%20%20height:%20100vh;%0A%20%20background:%20rgba(0,%200,%200,%200.2);%0A%20%20z-index:%20999;%0A%20%20opacity:%201;%0A%7D%0A.v--modal-overlay.scrollable%20%7B%0A%20%20height:%20100%25;%0A%20%20min-height:%20100vh;%0A%20%20overflow-y:%20auto;%0A%20%20-webkit-overflow-scrolling:%20touch;%0A%7D%0A.v--modal-overlay%20.v--modal-background-click%20%7B%0A%20%20width:%20100%25;%0A%20%20height:%20100%25;%0A%7D%0A.v--modal-overlay%20.v--modal-box%20%7B%0A%20%20position:%20relative;%0A%20%20overflow:%20hidden;%0A%20%20box-sizing:%20border-box;%0A%7D%0A.v--modal-overlay.scrollable%20.v--modal-box%20%7B%0A%20%20margin-bottom:%202px;%0A%7D%0A.v--modal%20%7B%0A%20%20background-color:%20white;%0A%20%20text-align:%20left;%0A%20%20border-radius:%203px;%0A%20%20box-shadow:%200%2020px%2060px%20-2px%20rgba(27,%2033,%2058,%200.4);%0A%20%20padding:%200;%0A%7D%0A.v--modal.v--modal-fullscreen%20%7B%0A%20%20width:%20100vw;%0A%20%20height:%20100vh;%0A%20%20margin:%200;%0A%20%20left:%200;%0A%20%20top:%200;%0A%7D%0A.v--modal-top-right%20%7B%0A%20%20display:%20block;%0A%20%20position:%20absolute;%0A%20%20right:%200;%0A%20%20top:%200;%0A%7D%0A.overlay-fade-enter-active,%0A.overlay-fade-leave-active%20%7B%0A%20%20transition:%20all%200.2s;%0A%7D%0A.overlay-fade-enter,%0A.overlay-fade-leave-active%20%7B%0A%20%20opacity:%200;%0A%7D%0A.nice-modal-fade-enter-active,%0A.nice-modal-fade-leave-active%20%7B%0A%20%20transition:%20all%200.4s;%0A%7D%0A.nice-modal-fade-enter,%0A.nice-modal-fade-leave-active%20%7B%0A%20%20opacity:%200;%0A%20%20transform:%20translateY(-20px);%0A%7D%0A%3C/style%3E%3Cstyle%20type=%22text/css%22%3E%0A.vue-dialog%20div%20%7B%0A%20%20box-sizing:%20border-box;%0A%7D%0A.vue-dialog%20.dialog-flex%20%7B%0A%20%20width:%20100%25;%0A%20%20height:%20100%25;%0A%7D%0A.vue-dialog%20.dialog-content%20%7B%0A%20%20flex:%201%200%20auto;%0A%20%20width:%20100%25;%0A%20%20padding:%2015px;%0A%20%20font-size:%2014px;%0A%7D%0A.vue-dialog%20.dialog-c-title%20%7B%0A%20%20font-weight:%20600;%0A%20%20padding-bottom:%2015px;%0A%7D%0A.vue-dialog%20.dialog-c-text%20%7B%0A%7D%0A.vue-dialog%20.vue-dialog-buttons%20%7B%0A%20%20display:%20flex;%0A%20%20flex:%200%201%20auto;%0A%20%20width:%20100%25;%0A%20%20border-top:%201px%20solid%20#eee;%0A%7D%0A.vue-dialog%20.vue-dialog-buttons-none%20%7B%0A%20%20width:%20100%25;%0A%20%20padding-bottom:%2015px;%0A%7D%0A.vue-dialog-button%20%7B%0A%20%20font-size:%2012px%20!important;%0A%20%20background:%20transparent;%0A%20%20padding:%200;%0A%20%20margin:%200;%0A%20%20border:%200;%0A%20%20cursor:%20pointer;%0A%20%20box-sizing:%20border-box;%0A%20%20line-height:%2040px;%0A%20%20height:%2040px;%0A%20%20color:%20inherit;%0A%20%20font:%20inherit;%0A%20%20outline:%20none;%0A%7D%0A.vue-dialog-button:hover%20%7B%0A%20%20background:%20rgba(0,%200,%200,%200.01);%0A%7D%0A.vue-dialog-button:active%20%7B%0A%20%20background:%20rgba(0,%200,%200,%200.025);%0A%7D%0A.vue-dialog-button:not(:first-of-type)%20%7B%0A%20%20border-left:%201px%20solid%20#eee;%0A%7D%0A%3C/style%3E%3Cstyle%20type=%22text/css%22%3E.resize-observer%5Bdata-v-8859cc6c%5D%7Bposition:absolute;top:0;left:0;z-index:-1;width:100%25;height:100%25;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0%7D.resize-observer%5Bdata-v-8859cc6c%5D%20object%7Bdisplay:block;position:absolute;top:0;left:0;height:100%25;width:100%25;overflow:hidden;pointer-events:none;z-index:-1%7D%3C/style%3E%3Clink%20rel=%22stylesheet%22%20type=%22text/css%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fd1npnstlfekkfz.cloudfront.net%252Fzipify-oneclickupsell-single-offer.css%22%3E%3Clink%20rel=%22stylesheet%22%20type=%22text/css%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fd1npnstlfekkfz.cloudfront.net%252Fzipify-oneclickupsell-editor.css%22%3E%3Clink%20as=%22style%22%20rel=%22stylesheet%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fd1npnstlfekkfz.cloudfront.net%252Fzipify-oneclickupsell-single.css%22%3E%3Cstyle%20type=%22text/css%22%3E%0A.vue-modal-resizer%20%7B%0A%20%20display:%20block;%0A%20%20overflow:%20hidden;%0A%20%20position:%20absolute;%0A%20%20width:%2012px;%0A%20%20height:%2012px;%0A%20%20right:%200;%0A%20%20bottom:%200;%0A%20%20z-index:%209999999;%0A%20%20background:%20transparent;%0A%20%20cursor:%20se-resize;%0A%7D%0A.vue-modal-resizer::after%20%7B%0A%20%20display:%20block;%0A%20%20position:%20absolute;%0A%20%20content:%20'';%0A%20%20background:%20transparent;%0A%20%20left:%200;%0A%20%20top:%200;%0A%20%20width:%200;%0A%20%20height:%200;%0A%20%20border-bottom:%2010px%20solid%20#ddd;%0A%20%20border-left:%2010px%20solid%20transparent;%0A%7D%0A.vue-modal-resizer.clicked::after%20%7B%0A%20%20border-bottom:%2010px%20solid%20#369be9;%0A%7D%0A%3C/style%3E%3Cstyle%20type=%22text/css%22%3E%0A.v--modal-block-scroll%20%7B%0A%20%20overflow:%20hidden;%0A%20%20width:%20100vw;%0A%7D%0A.v--modal-overlay%20%7B%0A%20%20position:%20fixed;%0A%20%20box-sizing:%20border-box;%0A%20%20left:%200;%0A%20%20top:%200;%0A%20%20width:%20100%25;%0A%20%20height:%20100vh;%0A%20%20background:%20rgba(0,%200,%200,%200.2);%0A%20%20z-index:%20999;%0A%20%20opacity:%201;%0A%7D%0A.v--modal-overlay.scrollable%20%7B%0A%20%20height:%20100%25;%0A%20%20min-height:%20100vh;%0A%20%20overflow-y:%20auto;%0A%20%20-webkit-overflow-scrolling:%20touch;%0A%7D%0A.v--modal-overlay%20.v--modal-background-click%20%7B%0A%20%20width:%20100%25;%0A%20%20height:%20100%25;%0A%7D%0A.v--modal-overlay%20.v--modal-box%20%7B%0A%20%20position:%20relative;%0A%20%20overflow:%20hidden;%0A%20%20box-sizing:%20border-box;%0A%7D%0A.v--modal-overlay.scrollable%20.v--modal-box%20%7B%0A%20%20margin-bottom:%202px;%0A%7D%0A.v--modal%20%7B%0A%20%20background-color:%20white;%0A%20%20text-align:%20left;%0A%20%20border-radius:%203px;%0A%20%20box-shadow:%200%2020px%2060px%20-2px%20rgba(27,%2033,%2058,%200.4);%0A%20%20padding:%200;%0A%7D%0A.v--modal.v--modal-fullscreen%20%7B%0A%20%20width:%20100vw;%0A%20%20height:%20100vh;%0A%20%20margin:%200;%0A%20%20left:%200;%0A%20%20top:%200;%0A%7D%0A.v--modal-top-right%20%7B%0A%20%20display:%20block;%0A%20%20position:%20absolute;%0A%20%20right:%200;%0A%20%20top:%200;%0A%7D%0A.overlay-fade-enter-active,%0A.overlay-fade-leave-active%20%7B%0A%20%20transition:%20all%200.2s;%0A%7D%0A.overlay-fade-enter,%0A.overlay-fade-leave-active%20%7B%0A%20%20opacity:%200;%0A%7D%0A.nice-modal-fade-enter-active,%0A.nice-modal-fade-leave-active%20%7B%0A%20%20transition:%20all%200.4s;%0A%7D%0A.nice-modal-fade-enter,%0A.nice-modal-fade-leave-active%20%7B%0A%20%20opacity:%200;%0A%20%20transform:%20translateY(-20px);%0A%7D%0A%3C/style%3E%3Cstyle%20type=%22text/css%22%3E%0A.vue-dialog%20div%20%7B%0A%20%20box-sizing:%20border-box;%0A%7D%0A.vue-dialog%20.dialog-flex%20%7B%0A%20%20width:%20100%25;%0A%20%20height:%20100%25;%0A%7D%0A.vue-dialog%20.dialog-content%20%7B%0A%20%20flex:%201%200%20auto;%0A%20%20width:%20100%25;%0A%20%20padding:%2015px;%0A%20%20font-size:%2014px;%0A%7D%0A.vue-dialog%20.dialog-c-title%20%7B%0A%20%20font-weight:%20600;%0A%20%20padding-bottom:%2015px;%0A%7D%0A.vue-dialog%20.dialog-c-text%20%7B%0A%7D%0A.vue-dialog%20.vue-dialog-buttons%20%7B%0A%20%20display:%20flex;%0A%20%20flex:%200%201%20auto;%0A%20%20width:%20100%25;%0A%20%20border-top:%201px%20solid%20#eee;%0A%7D%0A.vue-dialog%20.vue-dialog-buttons-none%20%7B%0A%20%20width:%20100%25;%0A%20%20padding-bottom:%2015px;%0A%7D%0A.vue-dialog-button%20%7B%0A%20%20font-size:%2012px%20!important;%0A%20%20background:%20transparent;%0A%20%20padding:%200;%0A%20%20margin:%200;%0A%20%20border:%200;%0A%20%20cursor:%20pointer;%0A%20%20box-sizing:%20border-box;%0A%20%20line-height:%2040px;%0A%20%20height:%2040px;%0A%20%20color:%20inherit;%0A%20%20font:%20inherit;%0A%20%20outline:%20none;%0A%7D%0A.vue-dialog-button:hover%20%7B%0A%20%20background:%20rgba(0,%200,%200,%200.01);%0A%7D%0A.vue-dialog-button:active%20%7B%0A%20%20background:%20rgba(0,%200,%200,%200.025);%0A%7D%0A.vue-dialog-button:not(:first-of-type)%20%7B%0A%20%20border-left:%201px%20solid%20#eee;%0A%7D%0A%3C/style%3E%3Cstyle%20type=%22text/css%22%3E.resize-observer%5Bdata-v-8859cc6c%5D%7Bposition:absolute;top:0;left:0;z-index:-1;width:100%25;height:100%25;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0%7D.resize-observer%5Bdata-v-8859cc6c%5D%20object%7Bdisplay:block;position:absolute;top:0;left:0;height:100%25;width:100%25;overflow:hidden;pointer-events:none;z-index:-1%7D%3C/style%3E%3Clink%20rel=%22stylesheet%22%20type=%22text/css%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fd1npnstlfekkfz.cloudfront.net%252Fzipify-oneclickupsell-multiple-offer.css%22%3E%3Clink%20as=%22style%22%20rel=%22stylesheet%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fd1npnstlfekkfz.cloudfront.net%252Fzipify-oneclickupsell-multiple.css%22%3E%3Clink%20rel=%22stylesheet%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Ffonts.googleapis.com%252Fcss%253Ffamily%253DUnbounded%253A800%22%20media=%22all%22%3E%3Clink%20rel=%22stylesheet%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fapp.amped.io%252Fsnippet%252Faccount_0qlmwyl%252Ffonts.css%22%20media=%22all%22%3E%3Clink%20rel=%22stylesheet%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Ffonts.googleapis.com%252Fcss%253Ffamily%253DUnbounded%253A800%22%20media=%22all%22%3E%3Clink%20rel=%22stylesheet%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fapp.amped.io%252Fsnippet%252Faccount_0qlmwyl%252Ffonts.css%22%20media=%22all%22%3E%3Clink%20rel=%22dns-prefetch%20preconnect%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fviolatethedresscode.com%252Fcollections%252Fh%22%20crossorigin=%22%22%3E%3Clink%20rel=%22prefetch%22%20fetchpriority=%22low%22%20as=%22script%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fcdn.shopify.com%252Fshopifycloud%252Fcheckout-web%252Fassets%252Fruntime.latest.en.e820a31acaf35a6fc795.js%22%20crossorigin=%22%22%3E%3Clink%20rel=%22prefetch%22%20fetchpriority=%22low%22%20as=%22script%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fcdn.shopify.com%252Fshopifycloud%252Fcheckout-web%252Fassets%252F143.latest.en.d8a6c6ee48228979a154.js%22%20crossorigin=%22%22%3E


YOUR CART (0)


Great pick! you are $176.41 away from fast shipping & free shipping
$125
Your cart is currently empty.


YOUR SHIPMENT IS PROTECTED

from Damage, Loss & Theft for $3.00

Switch
Add a note to your order

Subtotal
$0.00 CAD
You Save
$0.00 CAD
Checkout Now Checkout Now
True to size Product details
All Day Comfort
Easy Exchanges & Returns
Premium Quality





Skip to content

Free Shipping on orders over $125

Open navigation menu Open search
 * Womens
 * Leggings & Shorts
 * Sports Bras & Tops
 * Mens
 * New Releases
 * Best Sellers
 * Bikinis
 * Accessories
 * Sale Items

Violate The Dress Code
Open search Open account page Open cart
0
Open cart
0
Clear Close


 * Womens
 * Leggings & Shorts
 * Sports Bras & Tops
 * Mens
 * New Releases
 * Best Sellers
 * Bikinis
 * Accessories
 * Sale Items

 * Womens
 * Best Sellers
 * New Releases
 * Leggings & Shorts
 * Sports Bras & Tops
 * Mens
 * Bikinis
 * Sale Items

Great Pants
Best fitting gym pants around. The luxe mesh run slightly larger than the maxx
ones, which is my only critique. They wash and wear great. Still highly
recommend violate the dress code over other gym wear!
Laura Luzzi
True to size Product details
All Day Comfort
Free Exchanges & Returns
Premium Quality
 * 
 * 
 * 
 * 

Account
Clear Close




PAGE NOT FOUND

Continue shopping

Sign Up and Save

Sign up for the latest news, offers and styles.

E-mail
Subscribe

Quick Links

 * About Us
 * Size Chart
 * Brand Ambassasors
 * Shipping
 * Returns & Exchanges
 * Contact Us
 * Blog
 * Terms of Service
 * Refund policy
 * Privacy Policy
 * Afterpay FAQs

 * 
 * 
 * 
 * 

American Express Diners ClubDiscoverJCBKlarnaMaestroMastercardPayPalUnion
PayVenmo Visa

© 2024 Violate The Dress Code








My Wishlist0