Component · Ref 10ID5S
Affected pagehttps://ddpyoga.com/
Elementhtml
Accessible nameDDP YOGA Official Web Site – DDP Yoga:root {
--color-button-primary-bg: #1fb9fb;
--color-button-primary-bg-alpha-50: rgba(31, 185, 251, 0.5);
--color-button-primary-text: #fff;
--color-button-primary-text-alpha-50: rgba(255, 255, 255, 0.5);
--color-button-secondary-bg: #121212;
--color-button-secondary-text:#fff;
--color-button-secondary-text-alpha-50: rgba(255, 255, 255, 0.5);
--color-primary-darken: #cccccc;
--color-text-body: #ffffff;
--color-text-heading: #1fb9fb;
--color-text-light: #ffffff;
--color-bg-body: #121212;
--color-bg-body-overlay: rgba(18, 18, 18, 0.75);
--color-drawer-border: #050505;
--color-bg-body-darken: #000000;
--color-bg-body-lighten-darken: #2c2c2c;
--color-accent: #1fb9fb;
--color-accent-opposite: #fff;
--color-border: #1fb9fb;
--color-border-alpha-50: rgba(31, 185, 251, 0.5);
--button-border-radius: 0px;
--base-text-size: 15px;
--subheading-text-size: 13px;
--h1-text-size: 39px;
--h2-text-size: 30px;
--h3-text-size: 24px;
--h4-text-size: 21px;
--h5-text-size: 17px;
--h6-text-size: 15px;
--disabled-grey-darken: #c3c3c3;
--body-font-weight: 400;
--body-font-weight-bold: 600;
--heading-font-family: "Work Sans", sans-serif;
--heading-font-weight: 500;
--heading-font-style: normal;
--body-font-family: Arimo, sans-serif;
--body-font-style: normal;
--button-border-radius: 0px;
--button-border-radius-inner: -2px;
--nav-search-result-width: 33%;
--product-media-padding-top: 100%;
--product-media-background-size: cover;
--color-bg-body-alpha-25: rgba(18, 18, 18, 0.25);
--color-bg-body-alpha-35: rgba(18, 18, 18, 0.35);
--color-bg-body-alpha-60: rgba(18, 18, 18, 0.6);
--color-bg-body-alpha-65: rgba(18, 18, 18, 0.65);
--color-bg-body-alpha-85: rgba(18, 18, 18, 0.85);
--color-text-body-alpha-5: rgba(255, 255, 255, 0.05);
--color-text-body-alpha-8: rgba(255, 255, 255, 0.08);
--color-text-body-alpha-10: rgba(255, 255, 255, 0.1);
--color-text-body-alpha-16: rgba(255, 255, 255, 0.16);
--color-text-body-alpha-25: rgba(255, 255, 255, 0.25);
--color-text-body-alpha-55: rgba(255, 255, 255, 0.55);
--color-text-body-alpha-60: rgba(255, 255, 255, 0.6);
--main-heading-size: 51.42px;
--main-heading-size-mobile: 31.5px;
--main-subheading-size: 21.42px;
--main-subheading-size-mobile: 17.13px;
--disclosure-text-size: 12.0px;
--product-grid-item-title-size: 18.0px;
--loading-svg: url( "//ddpyoga.com/cdn/shop/t/14/assets/loading.svg?v=12949615357343360751624987260" );
--icon-check: url("//ddpyoga.com/cdn/shop/t/14/assets/icon-check.svg?v=164589794629794176451624987259");
--icon-close: url( "//ddpyoga.com/cdn/shop/t/14/assets/icon-close.svg?v=152460236205633315831624987260" );
--cart-loading-overlay: rgba(18, 18, 18, 0.85) url( "//ddpyoga.com/cdn/shop/t/14/assets/loading.svg?v=12949615357343360751624987260" ) no-repeat center center;
}
@font-face {
font-family: "Work Sans";
font-weight: 500;
font-style: normal;
font-display: swap;
src: url("//ddpyoga.com/cdn/fonts/work_sans/worksans_n5.42fc03d7028ac0f31a2ddf10d4a2904a7483a1c4.woff2") format("woff2"),
url("//ddpyoga.com/cdn/fonts/work_sans/worksans_n5.1f79bf93aa21696aa0428c88e39fb9f946295341.woff") format("woff");
}
@font-face {
font-family: Arimo;
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//ddpyoga.com/cdn/fonts/arimo/arimo_n4.a7efb558ca22d2002248bbe6f302a98edee38e35.woff2") format("woff2"),
url("//ddpyoga.com/cdn/fonts/arimo/arimo_n4.0da809f7d1d5ede2a73be7094ac00741efdb6387.woff") format("woff");
}
@font-face {
font-family: "Work Sans";
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//ddpyoga.com/cdn/fonts/work_sans/worksans_n7.e2cf5bd8f2c7e9d30c030f9ea8eafc69f5a92f7b.woff2") format("woff2"),
url("//ddpyoga.com/cdn/fonts/work_sans/worksans_n7.20f1c80359e7f7b4327b81543e1acb5c32cd03cd.woff") format("woff");
}
@font-face {
font-family: "Work Sans";
font-weight: 500;
font-style: italic;
font-display: swap;
src: url("//ddpyoga.com/cdn/fonts/work_sans/worksans_i5.0097f7572bdd2a30d202a52c1764d831015aa312.woff2") format("woff2"),
url("//ddpyoga.com/cdn/fonts/work_sans/worksans_i5.a4fa6fa0f90748be4cee382c79d6624ea9963ef1.woff") format("woff");
}
@font-face {
font-family: "Work Sans";
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//ddpyoga.com/cdn/fonts/work_sans/worksans_i7.7cdba6320b03c03dcaa365743a4e0e729fe97e54.woff2") format("woff2"),
url("//ddpyoga.com/cdn/fonts/work_sans/worksans_i7.42a9f4016982495f4c0b0fb3dc64cf8f2d0c3eaa.woff") format("woff");
}
@font-face {
font-family: Arimo;
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//ddpyoga.com/cdn/fonts/arimo/arimo_n7.1d2d0638e6a1228d86beb0e10006e3280ccb2d04.woff2") format("woff2"),
url("//ddpyoga.com/cdn/fonts/arimo/arimo_n7.f4b9139e8eac4a17b38b8707044c20f54c3be479.woff") format("woff");
}
@font-face {
font-family: Arimo;
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("//ddpyoga.com/cdn/fonts/arimo/arimo_i4.438ddb21a1b98c7230698d70dc1a21df235701b2.woff2") format("woff2"),
url("//ddpyoga.com/cdn/fonts/arimo/arimo_i4.0e1908a0dc1ec32fabb5a03a0c9ee2083f82e3d7.woff") format("woff");
}
@font-face {
font-family: Arimo;
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//ddpyoga.com/cdn/fonts/arimo/arimo_i7.b9f09537c29041ec8d51f8cdb7c9b8e4f1f82cb1.woff2") format("woff2"),
url("//ddpyoga.com/cdn/fonts/arimo/arimo_i7.ec659fc855f754fd0b1bd052e606bba1058f73da.woff") format("woff");
}
@font-face {
font-family: 'custom-icons';
src: url('//ddpyoga.com/cdn/shop/t/14/assets/custom-icons.eot?soxx27&v=105145768492176485351624987257');
src: url('//ddpyoga.com/cdn/shop/t/14/assets/custom-icons.eot?soxx27&v=105145768492176485351624987257#iefix') format('embedded-opentype'),
url('//ddpyoga.com/cdn/shop/t/14/assets/custom-icons.ttf?soxx27&v=105531104280739233841624987258') format('truetype'),
url('//ddpyoga.com/cdn/shop/t/14/assets/custom-icons.woff?soxx27&v=67713463087921018711624987258') format('woff'),
url('//ddpyoga.com/cdn/shop/t/14/assets/custom-icons.svg?soxx27&v=123121835392613630221624987257#custom-icons') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
window.theme = {
info: {
name: 'Palo Alto'
},
version: '2.8.7'
};
window.routes = {
search_url: "\/search",
cart_change_url: "\/cart\/change",
shop_url: "https:\/\/ddpyoga.com",
root_url: "\/",
cart_url: "\/cart",
cart_add_url: "\/cart\/add",
product_recommendations_url: "\/recommendations\/products"
};
window.translations = {
loading: "Loading more",
load_more: "Load more",
add_to_cart: "Add to Cart",
sold_out: "Sold Out",
sold_out_html: "Sold Out",
on_sale_html: "Sale",
unavailable: "Unavailable",
zero_qty_error: "Quantity must be greater than 0.",
cart_title: "Shopping Cart",
cart_empty: "Your cart is currently empty.",
cart_price: "Price",
cart_quantity: "Quantity",
cart_total: "Total",
cart_acceptance_error: "You must accept our terms and conditions.",
continue_shopping: "Continue Shopping",
results_one: " result",
results_other: " results",
no_results: "No results found",
view_all: "View all",
unit_price_separator: "per"
};
window.settings = {
cartType: "page",
gridImageSize: "cover",
enableInfinityScroll: false,
enablePaymentButton: true,
enableReviews: false,
enableYotpo: false,
enableAcceptTerms: false,
yotpoId: "",
productBadgeStyle: "rectangle",
productGridLayout: "padded",
cartType: "page",
quickButton: "view",
mobileMenuBehaviour: "trigger",
};
window.lazySize…[truncated by Evolize: exceeded D1 value limit]
Markup<html class="js no-touch csm-cookie-embed supports-js" lang="en" style="--scrollbar-width: 0px; padding-top: 0px; padding-bottom: 0px;" data-uw-w-loader=""><head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0">
<link rel="canonical" href="https://ddpyoga.com/">
<link rel="prefetch" href="https://ddpyoga.com" as="document">
<link rel="preload" as="style" href="//ddpyoga.com/cdn/shop/t/14/assets/theme.css?v=39594576711095685131633618754">
<l…