{"webLayers":[],"experiments":[],"constantManagedTags":[{"uses_overlay":false,"type":"js","parametrized_definition":"function getLocale() {\n    return document.querySelector('html')?.getAttribute('lang') || window.location.pathname.split('/')[1];\n}\n\nconst weblayers = {\n\t'en-us': {\n\t\tpdp: '6a3c408d7b08d715faa4b83d',\n\t\tsearch: '6a3c408d7b08d715faa4b833',\n\t},\n\t'en-ca': {\n\t\tpdp: '6a3d6c538b21b20745e228ae',\n\t\tsearch: '6a3d6c538b21b20745e228a4',\n\t},\n\t'fr-ca': {\n\t\tpdp: '6a3d6d9d6ba3d572679767b5',\n\t\tsearch: '6a3d6d9d6ba3d572679767ab',\n\t}\n};\n\nconst getWBLID = (isSearch) =\u003e weblayers[getLocale()]?.[isSearch ? 'search' : 'pdp'];\n\nconst loadClarityUtils = async () =\u003e {\n  const url = 'https://unpkg.com/@bloomreach/clarity-utils@latest/dist/index.global.js'\n  for (let attempt = 1; attempt \u003c= 5; attempt++) {\n    try {\n      await new Promise((resolve, reject) =\u003e {\n        const s = document.createElement('script')\n        s.src = url\n        s.onload = resolve\n        s.onerror = () =\u003e reject(new Error(`Failed to load ${url}`))\n        document.head.appendChild(s)\n      })\n      return\n    } catch (err) {\n      console.warn(`clarity-utils load attempt ${attempt}/5 failed`, err)\n      if (attempt === 5) throw err\n      await new Promise(r =\u003e setTimeout(r, 200 * attempt))\n    }\n  }\n}\n\nconst clarityUtilsLoaded = loadClarityUtils()\n\nwindow.CLARITY_HELPER = {\n\t...(window.CLARITY_HELPER || {}),\n\tinvokePDP: () =\u003e {\n\t  window.CLARITY.setSource(getWBLID(false));\n      window.CLARITY.call('show_badge');\n      window.CLARITY.call('open_chat');\n\t},\n    invokeSearchHubOrch: (input, triggerComponent=\"search\") =\u003e {\n\t  window.CLARITY.setSource(getWBLID(true));\n      window.CLARITY.call('show_badge', { triggerComponent });\n      window.CLARITY.call('open_chat', { triggerComponent });\n      window.CLARITY.call('user_send_message', {\n        input,\n        type: 'text',\n        force: true,\n        source: 'DEFAULT',\n        triggerComponent,\n      });\n\t},\n\tisSearch: async (input, config) =\u003e {\n\t  if (!input?.trim()) return;\n\t  console.log('clarity is search', input, config)\n\t  await clarityUtilsLoaded\n\t  const result = window.clarityUtils.isSearch(input, { mode: 'score', ...(config ?? {}) })\n\t  const logger = window.brweb ?? window.exponea\n\t  logger.track('clarity', {\n\t  \taction: 'search_orchestrator',\n\t  \tsearch_string: input,\n\t  \tis_conversational: !result\n\t  });\n\t  return result;\n\t},\n}","trigger":{"include_pages":[{"type":"any"}],"exclude_pages":null},"_id":"6a552823dda6e01058d4e4c7"},{"uses_overlay":false,"type":"html","parametrized_definition":"\u003cstyle\u003e\n/* ================================================ */\n/* Chat Window */\n/* ================================================ */\n\n/* specially for search orchestrator and search trigger */\n@keyframes slideFromRight {\n  to { transform: translateX(0); }\n}\n@keyframes slideToRight {\n  to { transform: translateX(100%); }\n}\n@keyframes fadeIn {\n  to { opacity: 1; }\n}\n@keyframes fadeOut {\n  to { opacity: 0; }\n}\n#cocoaas_chat_wrapper .clarity-with-animation-in {\n  /*transform: translateX(100%);*/\n  opacity: 0;\n  transform: unset;\n}\n#cocoaas_chat_wrapper .clarity-with-animation-in.clarity-minimized,\n#cocoaas_chat_wrapper .clarity-with-animation-in.clarity-resizable-chat-wrapper,\n#cocoaas_chat_wrapper .clarity-with-animation-in.clarity-survey-feedback {\n  animation-name: fadeIn;\n  animation-duration: 0.15s;\n}\n\n#cocoaas_chat_wrapper .clarity-with-animation-out {\n  /*transform: translateX(100%);*/\n  opacity: 1;\n  transform: unset;\n}\n#cocoaas_chat_wrapper .clarity-with-animation-out.clarity-minimized,\n#cocoaas_chat_wrapper .clarity-with-animation-out.clarity-resizable-chat-wrapper,\n#cocoaas_chat_wrapper .clarity-with-animation-out.clarity-survey-feedback {\n  animation-name: fadeOut;\n  animation-duration: 0.15s;\n}\n\n#cocoaas_chat_wrapper .clarity-resizable-chat-wrapper {\n\tborder-radius: 0;\n\tbackdrop-filter: blur(30px);\n}\n\n#cocoaas_chat_wrapper .clarity-minimized {\n\tdisplay: none;\n}\n\n/*#cocoaas_chat_wrapper .clarity-resize-handle {*/\n/*  background-color: rgba(236, 237, 237);*/\n/*}*/\n\n#cocoaas_chat_wrapper\n  .clarity-mini-pdp--inside-container-overlay\n  .clarity-resize-handle {\n  background-color: transparent;\n}\n\n@media (min-width: 1024px) {\n\t#cocoaas_chat_wrapper#cocoaas_chat_wrapper .clarity-resizable-chat-wrapper .clarity-chat-container {\n\t\tmin-width: 47.5rem;\n\t\tmax-width: 47.5rem;\n\t  /*width: 47.5rem;*/\n\t}\n}\n\n#cocoaas_chat_wrapper .clarity-resizable-chat-wrapper .clarity-chat-container {\n\tmin-width: 100%;\n\tmax-width: 100%;\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n@media (min-width: 600px) {\n\t#cocoaas_chat_wrapper .clarity-resizable-chat-wrapper {\n\t  height: 100%;\n\t}\n}\n\n#cocoaas_chat_wrapper .clarity-header-content {\n  background: unset;\n  position: initial;\n  border-bottom: 1px solid var(--TNF-colors-brand-Icon-Gray, #D0D3D4);\n  gap: 16px;\n}\n\n#cocoaas_chat_wrapper .clarity-header-content::before {\n\tcontent: '';\n\tposition: absolute;\n\tinset: 0;\n\tz-index: -1;\n\tbackground: rgba(248,249,249,0.8);\n\t-webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 37%, rgba(0,0,0,0.95) 48.7%, rgba(0,0,0,0.85) 58.8%, rgba(0,0,0,0.70) 66.2%, rgba(0,0,0,0.53) 72.8%, rgba(0,0,0,0.37) 79%, rgba(0,0,0,0.23) 84.6%, rgba(0,0,0,0.13) 89.2%, rgba(0,0,0,0.06) 93%, rgba(0,0,0,0.02) 96.3%, rgba(0,0,0,0) 100%);\n\tmask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 37%, rgba(0,0,0,0.95) 48.7%, rgba(0,0,0,0.85) 58.8%, rgba(0,0,0,0.70) 66.2%, rgba(0,0,0,0.53) 72.8%, rgba(0,0,0,0.37) 79%, rgba(0,0,0,0.23) 84.6%, rgba(0,0,0,0.13) 89.2%, rgba(0,0,0,0.06) 93%, rgba(0,0,0,0.02) 96.3%, rgba(0,0,0,0) 100%);\n}\n\n#cocoaas_chat_wrapper .clarity-header-content .clarity-header-avatar-wrapper {\n  width: 24px;\n  height: 24px;\n}\n\n#cocoaas_chat_wrapper .clarity-header-content .clarity-chevron-down-icon {\n  width: 24px;\n  height: 24px;\n  fill: var(--icons-color-default, #262527);\n}\n\n#cocoaas_chat_wrapper .clarity-header-info .clarity-header-avatar-wrapper {\n  display: none;\n}\n\n#cocoaas_chat_wrapper .clarity-header-actions {\n  /*display: none;*/\n}\n\n#cocoaas_chat_wrapper .clarity-header-name {\n\tfont-family: AkkuratMono, Arial;\n  font-size: 12px;\n  color: var(--typography-color-default, #2A1E17);\n  font-style: normal;\n\n  font-weight: var(--typography-font-size-14-px-50, 400);\n  line-height: var(--typography-font-line-height-accent-overline-1, 16px); /* 114.286% */\n  letter-spacing: var(--typography-font-letter-spacing-accent-caption-1, 0);\n}\n\n#cocoaas_chat_wrapper .clarity-header-description {\n  display: none;\n}\n\n#cocoaas_chat_wrapper .clarity-chat {\n\tflex: 1;\n\theight: unset;\n\tmin-height: 0;\n}\n\n#cocoaas_chat_wrapper\n  .clarity-agent-carousel-product-spacer {\n  flex: none;\n  min-height: unset;\n}\n\n#cocoaas_chat_wrapper\n  .clarity-agent-carousel-product-subtitle,\n#cocoaas_chat_wrapper\n  .clarity-agent-carousel-product-title {\n  color: var(--typography-color-default, #2a1e17);\n\n  /* Accent/Overline 1 */\n  font-size: var(--typography-font-size-accent-overline-1, 12px);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(\n    --typography-font-line-height-accent-overline-1,\n    16px\n  ); /* 133.333% */\n  letter-spacing: var(--typography-font-letter-spacing-accent-overline-1, 0);\n}\n\n#cocoaas_chat_wrapper\n  .clarity-agent-carousel-product-content-footer {\n  display: none;\n}\n\n#cocoaas_chat_wrapper .clarity-agent-carousel-item-container,\n#cocoaas_chat_wrapper .clarity-assistant-carousel-item-container {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(3, 1fr);\n\tgap: 24px 4px;\n}\n\n@media (max-width: 768px) {\n\t#cocoaas_chat_wrapper .clarity-agent-carousel-item-container,\n\t#cocoaas_chat_wrapper .clarity-assistant-carousel-item-container {\n\t\tgrid-template-columns: repeat(2, 1fr);\n\t}\n}\n\n#cocoaas_chat_wrapper .clarity-agent-carousel-item-content {\n\tborder-radius: unset;\n    border: unset;\n}\n\n#cocoaas_chat_wrapper .clarity-agent-carousel-item-shadow,\n#cocoaas_chat_wrapper .clarity-assistant-carousel-item-shadow {\n\tmax-width: unset;\n\tmin-width: unset;\n\twidth: 100%;\n}\n\n#cocoaas_chat_wrapper .clarity-assistant-carousel-item-content {\n  background: white;\n  border-radius: 4px;\n  border: unset;\n}\n\n#cocoaas_chat_wrapper .clarity-see-all-results-button {\n\tcolor: var(--components-buttons-style-secondary-primary-inverse-transparent-text, #2A1E17);\n\tpadding: 8px 24px;\n\ttext-align: center;\n\tborder-radius: var(--components-buttons-radius-button, 2px);\n\tborder: var(--components-buttons-style-secondary-primary-inverse-transparent-secondary-stroke-width, 1px) solid var(--components-buttons-style-secondary-primary-inverse-transparent-secondary-stroke, #2A1E17);\n\tbackground: var(--page-background, #FFF);\n\t\n\t/* Buttons/Buttons 2 */\n\tfont-size: var(--typography-font-size-buttons-buttons-2, 14px);\n\tfont-style: normal;\n\tfont-weight: 500;\n\tline-height: var(--typography-font-line-height-buttons-buttons-2, 18px); /* 128.571% */\n\tletter-spacing: var(--typography-font-letter-spacing-buttons-buttons-2, 0.175px);\n}\n\n#cocoaas_chat_wrapper .clarity-message-container {\n  color: var(--TNF-colors-brand-Icon-Black, #262527);\n\n  /* Body/Body Copy 1/Strong */\n  /*font-family: var(--typography-font-family-body, \"Helvetica Neue LT Std\");*/\n  font-size: var(--typography-font-size-body-body-1, 16px);\n  font-style: normal;\n  font-weight: 600;\n  line-height: var(\n    --typography-font-line-height-body-body-1,\n    18px\n  ); /* 112.5% */\n  letter-spacing: var(--typography-font-letter-spacing-body-body-1, 0.08px);\n}\n\n#cocoaas_chat_wrapper .clarity-message-timestamp {\n  /* Accent/Caption 1 */\n  /*font-family: var(--typography-font-family-caption, \"Helvetica Neue LT Std\");*/\n  font-size: 10px;\n  color: #606263;\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(\n    --typography-font-line-height-action-overline-1,\n    16px\n  ); /* 133.333% */\n  letter-spacing: var(\n    --typography-font-letter-spacing-action-caption-1,\n    0.06px\n  );\n}\n\n#cocoaas_chat_wrapper .clarity-user-text-message {\n  font-size: var(--typography-font-size-body-body-1, 16px);;\n  font-weight: 500;\n  font-style: normal;\n  line-height: var(--typography-font-line-height-body-body-1, 18px);\n  letter-spacing: var(--typography-font-letter-spacing-body-body-1, 0.08px);\n  padding: 16px 15px;\n  border-radius: 16px 16px 0 16px;\n  background: rgba(208, 211, 212, 1);\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.02);\n}\n\n#cocoaas_chat_wrapper .clarity-assistant-text-message {\n  font-weight: 400;\n  line-height: 18px;\n  letter-spacing: 0.08px;\n}\n\n#cocoaas_chat_wrapper .clarity-assistant-carousel-product {\n\tpadding: 12px;\n}\n\n#cocoaas_chat_wrapper .clarity-assistant-carousel-product-title {\n  color: var(--typography-color-default, #262527);\n  text-decoration: unset;\n\n  /* Body/Body Copy 2/Default */\n  /*font-family: var(--typography-font-family-body, \"Helvetica Neue LT Std\");*/\n  font-size: var(--typography-font-size-body-body-2, 14px);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(\n    --typography-font-line-height-body-body-2,\n    16px\n  ); /* 114.286% */\n  letter-spacing: var(--typography-font-letter-spacing-body-body-2, 0.035px);\n}\n\n#cocoaas_chat_wrapper .clarity-assistant-carousel-product-variants {\n\tdisplay: none;\n}\n\n#cocoaas_chat_wrapper .clarity-assistant-carousel-product-spacer {\n\tflex: none;\n\tmin-height: 8px;\n}\n\n#cocoaas_chat_wrapper .clarity-assistant-carousel-product-price {\n  color: var(--typography-color-default, #262527);\n\n  /* Overline/Overline 1/mobile */\n  font-size: var(--typography-font-size-accent-overline-1, 12px);\n  font-style: normal;\n  font-weight: 500;\n  line-height: var(\n    --typography-font-line-height-overline-overline-1-mobile,\n    18px\n  ); /* 150% */\n  letter-spacing: var(\n    --typography-font-letter-spacing-overline-overline-1-mobile,\n    0.48px\n  );\n}\n\n#cocoaas_chat_wrapper .clarity-assistant-carousel-product-original-price {\n\tcolor: #D51920;\n}\n\n#cocoaas_chat_wrapper .clarity-assistant-carousel-product-content-footer-buttons {\n\tdisplay: none;\n}\n\n#cocoaas_chat_wrapper .clarity-assistant-quick-reply-prompt-button,\n#cocoaas_chat_wrapper .clarity-mini-pdp-dimensions-option {\n  transition: unset;\n  padding: 8px 12px;\n  background: transparent;\n  border-radius: var(--components-buttons-radius-button, 4px);\n  border: var(--border-width-standard, 1px) solid\n    var(--components-buttons-style-content-secondary-stroke, #d0d3d4);\n\n  text-align: center;\n}\n\n#cocoaas_chat_wrapper .clarity-assistant-quick-reply-button-text,\n#cocoaas_chat_wrapper .clarity-mini-pdp-dimensions-option {\n  color: #000;\n\n  /* Accent/Caption 1 */\n  /*font-family: var(--typography-font-family-caption, \"Helvetica Neue LT Std\");*/\n  font-size: var(--typography-font-size-overline-overline-1, 12px);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(\n    --typography-font-line-height-action-overline-1,\n    16px\n  ); /* 133.333% */\n  letter-spacing: var(\n    --typography-font-letter-spacing-action-caption-1,\n    0.06px\n  );\n}\n\n/*#cocoaas_chat_wrapper .clarity-chat-footer .clarity-assistant-quick-reply-prompt-button::before {*/\n/*  content: \"\";*/\n/*  display: block;*/\n/*  flex-shrink: 0;*/\n/*  width: 8px;*/\n/*  height: 8px;*/\n/*  background-image: url(\"data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.60689 0.32648C3.62403 0.234743 3.67271 0.151888 3.7445 0.0922631C3.81629 0.0326386 3.90668 0 4 0C4.09332 0 4.18371 0.0326386 4.2555 0.0922631C4.32729 0.151888 4.37597 0.234743 4.39311 0.32648L4.81341 2.54915C4.84326 2.70717 4.92005 2.85252 5.03376 2.96624C5.14748 3.07995 5.29283 3.15674 5.45085 3.18659L7.67352 3.60689C7.76526 3.62403 7.84811 3.67271 7.90774 3.7445C7.96736 3.81629 8 3.90668 8 4C8 4.09332 7.96736 4.18371 7.90774 4.2555C7.84811 4.32729 7.76526 4.37597 7.67352 4.39311L5.45085 4.81341C5.29283 4.84326 5.14748 4.92005 5.03376 5.03376C4.92005 5.14748 4.84326 5.29283 4.81341 5.45085L4.39311 7.67352C4.37597 7.76526 4.32729 7.84811 4.2555 7.90774C4.18371 7.96736 4.09332 8 4 8C3.90668 8 3.81629 7.96736 3.7445 7.90774C3.67271 7.84811 3.62403 7.76526 3.60689 7.67352L3.18659 5.45085C3.15674 5.29283 3.07995 5.14748 2.96624 5.03376C2.85252 4.92005 2.70717 4.84326 2.54915 4.81341L0.32648 4.39311C0.234743 4.37597 0.151888 4.32729 0.0922631 4.2555C0.0326386 4.18371 0 4.09332 0 4C0 3.90668 0.0326386 3.81629 0.0922631 3.7445C0.151888 3.67271 0.234743 3.62403 0.32648 3.60689L2.54915 3.18659C2.70717 3.15674 2.85252 3.07995 2.96624 2.96624C3.07995 2.85252 3.15674 2.70717 3.18659 2.54915L3.60689 0.32648Z' fill='%23F5A41D'/%3E%3C/svg%3E\");*/\n/*  background-size: contain;*/\n/*  background-repeat: no-repeat;*/\n/*  background-position: center;*/\n/*}*/\n\n#cocoaas_chat_wrapper .clarity-assistant-quick-reply-prompt-button {\n\tborder-radius: 100px;\n}\n\n#cocoaas_chat_wrapper .clarity-assistant-quick-reply-prompt-button:hover,\n#cocoaas_chat_wrapper .clarity-mini-pdp-dimensions-option:hover {\n  box-shadow: unset;\n}\n\n#cocoaas_chat_wrapper .clarity-assistant-quick-reply-prompt-button:hover,\n#cocoaas_chat_wrapper .clarity-mini-pdp-dimensions-option:hover,\n#cocoaas_chat_wrapper .clarity-mini-pdp-dimensions-option.active {\n  background: #2A1E17;\n}\n\n#cocoaas_chat_wrapper .clarity-assistant-quick-reply-prompt-button:hover .clarity-assistant-quick-reply-button-text,\n#cocoaas_chat_wrapper .clarity-assistant-quick-reply-prompt-button.active .clarity-assistant-quick-reply-button-text,\n#cocoaas_chat_wrapper .clarity-mini-pdp-dimensions-option:hover,\n#cocoaas_chat_wrapper .clarity-mini-pdp-dimensions-option.active {\n\tcolor: var(--TNF-colors-brand-Icon-White, #F8F9F9);\n}\n\n#cocoaas_chat_wrapper\n  .clarity-assistant-quick-reply-prompt-button\n  .clarity-prompt-icon {\n  display: none;\n}\n\n#cocoaas_chat_wrapper\n  .clarity-assistant-quick-reply-prompt-button:hover\n  .clarity-prompt-icon {\n  display: none;\n}\n\n#cocoaas_chat_wrapper .clarity-input-shadow.clarity-focused::before,\n#cocoaas_chat_wrapper .clarity-input-shadow.clarity-focused::after {\n\tcontent: unset;\n}\n\n#cocoaas_chat_wrapper .clarity-input-shadow .clarity-input-container {\n\tpadding: 8px;\n\tmin-height: 58px;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  border-radius: 4px;\n  border: 1px solid rgba(228, 230, 230, 0.45);\n  background: rgba(255, 255, 255, 0.92);\n  box-shadow: 0 1px 2px var(--spacing-5xs, 2px) rgba(0, 0, 0, 0.10), 0 4px 4px 0 rgba(245, 164, 29, 0.05);\n}\n\n#cocoaas_chat_wrapper .clarity-input-container::before {\n  content: \"\";\n  display: block;\n  flex-shrink: 0;\n  width: 32px;\n  height: 32px;\n  background-image: url(\"data:image/svg+xml,\u003csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'\u003e\u003cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.5 20C17.5376 20 20 17.5376 20 14.5C20 11.4624 17.5376 9 14.5 9C11.4624 9 9 11.4624 9 14.5C9 17.5376 11.4624 20 14.5 20ZM14.5 22C18.6421 22 22 18.6421 22 14.5C22 10.3579 18.6421 7 14.5 7C10.3579 7 7 10.3579 7 14.5C7 18.6421 10.3579 22 14.5 22Z' fill='%232A1E17'/\u003e\u003cpath d='M19.6599 18.5991C19.7575 18.5015 19.9158 18.5015 20.0134 18.5991L26.3688 24.9545C26.4664 25.0521 26.4664 25.2104 26.3688 25.3081L25.3082 26.3687C25.2105 26.4664 25.0522 26.4664 24.9546 26.3687L18.5992 20.0134C18.5016 19.9157 18.5016 19.7574 18.5992 19.6598L19.6599 18.5991Z' fill='%232A1E17'/\u003e\u003cg clip-path='url(%23clip0_1_12402)'\u003e\u003cpath d='M14.2133 11.8208C14.2258 11.7538 14.2613 11.6934 14.3137 11.6499C14.366 11.6064 14.4319 11.5826 14.5 11.5826C14.5681 11.5826 14.634 11.6064 14.6864 11.6499C14.7387 11.6934 14.7742 11.7538 14.7867 11.8208L15.0933 13.4418C15.115 13.5571 15.171 13.6631 15.254 13.746C15.3369 13.829 15.4429 13.885 15.5582 13.9068L17.1793 14.2133C17.2462 14.2258 17.3066 14.2613 17.3501 14.3137C17.3936 14.366 17.4174 14.4319 17.4174 14.5C17.4174 14.5681 17.3936 14.634 17.3501 14.6864C17.3066 14.7387 17.2462 14.7742 17.1793 14.7867L15.5582 15.0933C15.4429 15.115 15.3369 15.171 15.254 15.254C15.171 15.3369 15.115 15.4429 15.0933 15.5582L14.7867 17.1793C14.7742 17.2462 14.7387 17.3066 14.6864 17.3501C14.634 17.3936 14.5681 17.4174 14.5 17.4174C14.4319 17.4174 14.366 17.3936 14.3137 17.3501C14.2613 17.3066 14.2258 17.2462 14.2133 17.1793L13.9068 15.5582C13.885 15.4429 13.829 15.3369 13.746 15.254C13.6631 15.171 13.5571 15.115 13.4418 15.0933L11.8208 14.7867C11.7538 14.7742 11.6934 14.7387 11.6499 14.6864C11.6064 14.634 11.5826 14.5681 11.5826 14.5C11.5826 14.4319 11.6064 14.366 11.6499 14.3137C11.6934 14.2613 11.7538 14.2258 11.8208 14.2133L13.4418 13.9068C13.5571 13.885 13.6631 13.829 13.746 13.746C13.829 13.6631 13.885 13.5571 13.9068 13.4418L14.2133 11.8208Z' fill='%232A1E17'/\u003e\u003cpath d='M16.8334 11.5833V12.75' stroke='%232A1E17' stroke-width='0.802083' stroke-linecap='round' stroke-linejoin='round'/\u003e\u003cpath d='M17.4167 12.1667H16.25' stroke='%232A1E17' stroke-width='0.802083' stroke-linecap='round' stroke-linejoin='round'/\u003e\u003cpath d='M12.1667 17.4167C12.4889 17.4167 12.75 17.1555 12.75 16.8333C12.75 16.5112 12.4889 16.25 12.1667 16.25C11.8445 16.25 11.5834 16.5112 11.5834 16.8333C11.5834 17.1555 11.8445 17.4167 12.1667 17.4167Z' fill='%232A1E17'/\u003e\u003c/g\u003e\u003cdefs\u003e\u003cclipPath id='clip0_1_12402'\u003e\u003crect width='7' height='7' fill='white' transform='translate(11 11)'/\u003e\u003c/clipPath\u003e\u003c/defs\u003e\u003c/svg\u003e\");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n#cocoaas_chat_wrapper .clarity-input-textarea {\n\tcolor: var(--TNF-colors-neutrals-icon-gray-700, #3f4141);\n}\n\n#cocoaas_chat_wrapper .clarity-input-textarea::-webkit-input-placeholder {\n  color: var(--TNF-colors-neutrals-icon-gray-700, #3f4141);\n\n  /* Body/Body Copy 2/Default */\n  /*font-family: var(--typography-font-family-body, \"Helvetica Neue LT Std\");*/\n  font-style: normal;\n  font-weight: 400;\n  letter-spacing: var(--typography-font-letter-spacing-body-body-2, 0.035px);\n}\n\n#cocoaas_chat_wrapper .clarity-input-textarea::-moz-placeholder {\n  color: var(--TNF-colors-neutrals-icon-gray-700, #3f4141);\n\n  /* Body/Body Copy 2/Default */\n  /*font-family: var(--typography-font-family-body, \"Helvetica Neue LT Std\");*/\n  font-style: normal;\n  font-weight: 400;\n  letter-spacing: var(--typography-font-letter-spacing-body-body-2, 0.035px);\n}\n\n#cocoaas_chat_wrapper .clarity-input-textarea::placeholder {\n  color: var(--TNF-colors-neutrals-icon-gray-700, #3f4141);\n\n  /* Body/Body Copy 2/Default */\n  /*font-family: var(--typography-font-family-body, \"Helvetica Neue LT Std\");*/\n  font-style: normal;\n  font-weight: 400;\n  letter-spacing: var(--typography-font-letter-spacing-body-body-2, 0.035px);\n}\n\n#cocoaas_chat_wrapper .clarity-input-shadow .clarity-input-container .clarity-input-send-message-button {\n\tbackground-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M10.5004%2012H5.00043M4.91577%2012.2915L2.58085%2019.2662C2.39742%2019.8142%202.3057%2020.0881%202.37152%2020.2569C2.42868%2020.4034%202.55144%2020.5145%202.70292%2020.5567C2.87736%2020.6054%203.14083%2020.4869%203.66776%2020.2497L20.3792%2012.7296C20.8936%2012.4981%2021.1507%2012.3824%2021.2302%2012.2216C21.2993%2012.082%2021.2993%2011.9181%2021.2302%2011.7784C21.1507%2011.6177%2020.8936%2011.5019%2020.3792%2011.2705L3.66193%203.74776C3.13659%203.51135%202.87392%203.39315%202.69966%203.44164C2.54832%203.48375%202.42556%203.59454%202.36821%203.74078C2.30216%203.90917%202.3929%204.18255%202.57437%204.72931L4.91642%2011.7856C4.94759%2011.8795%204.96317%2011.9264%204.96933%2011.9744C4.97479%2012.0171%204.97473%2012.0602%204.96916%2012.1028C4.96289%2012.1508%204.94718%2012.1977%204.91577%2012.2915Z%22%20stroke%3D%22white%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E\");\n\tbackground-repeat: no-repeat;\n\tbackground-position: center;\n\tbackground-size: 24px 24px;\n\twidth: 40px;\n\theight: 40px;\n\tborder-radius: 4px;\n\tdisplay: flex;\n\t/*display: none;*/\n\tjustify-content: center;\n\talign-items: center;\n\tbackground-color: rgba(38, 37, 39, 1);\n}\n\n#cocoaas_chat_wrapper .clarity-input-shadow .clarity-input-container .clarity-input-send-message-button svg {\n\tdisplay: none;\n}\n\n#cocoaas_chat_wrapper .clarity-chat-legal-notice-container {\n  display: none;\n}\n\n#cocoaas_chat_wrapper .clarity-mini-pdp-title {\n  color: var(--typography-color-default, #262527);\n\n  /* Title/Title 2/Desktop */\n  /*font-family: var(--typography-font-family-title, \"Helvetica Neue LT Std\");*/\n  font-size: var(--typography-font-size-title-title-2-desktop, 24px);\n  font-style: normal;\n  font-weight: 700;\n  line-height: var(\n    --typography-font-line-height-title-title-2-desktop,\n    24px\n  ); /* 100% */\n  letter-spacing: var(\n    --typography-font-letter-spacing-title-title-2-desktop,\n    0\n  );\n}\n\n#cocoaas_chat_wrapper .clarity-mini-pdp-price {\n  color: var(--typography-color-default, #262527);\n\n  /* Subtitle/Subtitle 1/desktop */\n  /*font-family: var(--typography-font-family-subtitle, \"Helvetica Neue LT Std\");*/\n  font-size: var(--typography-font-size-subtitle-subtitle-1, 18px);\n  font-style: normal;\n  font-weight: 700;\n  line-height: var(\n    --typography-font-line-height-subtitle-subtitle-1,\n    20px\n  ); /* 111.111% */\n  letter-spacing: var(\n    --typography-font-letter-spacing-subtitle-subtitle-1,\n    0.027px\n  );\n}\n\n#cocoaas_chat_wrapper .clarity-mini-pdp-dimensions-name,\n#cocoaas_chat_wrapper .clarity-mini-pdp .clarity-attribute-name {\n  color: #000;\n\n  /* Accent/Overline 1 */\n  font-family: Akkurat-Mono;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 16px; /* 133.333% */\n  letter-spacing: 0.48px;\n  text-transform: uppercase;\n}\n\n#cocoaas_chat_wrapper .clarity-mini-pdp .clarity-attribute-value {\n  color: var(--typography-color-default, #262527);\n\n  /* Overline/Overline 1/mobile */\n  font-family: var(--typography-font-family-overline, Akkurat-Mono);\n  font-size: var(--typography-font-size-accent-overline-1, 12px);\n  font-style: normal;\n  font-weight: 500;\n  line-height: var(\n    --typography-font-line-height-overline-overline-1-mobile,\n    18px\n  ); /* 150% */\n  letter-spacing: var(\n    --typography-font-letter-spacing-overline-overline-1-mobile,\n    0.08px\n  );\n}\n\u003c/style\u003e","trigger":{"include_pages":[{"type":"any"}],"exclude_pages":null},"_id":"6a552823dda6e01058d4e4db"},{"uses_overlay":false,"type":"js","parametrized_definition":"console.group('Purchased Count Banner Tag');\n\nfunction debounce(fn, delay) {\n    let timeoutId;\n\n    return function (...args) {\n        clearTimeout(timeoutId);\n        timeoutId = setTimeout(() =\u003e {\n            fn.apply(this, args);\n        }, delay);\n    };\n}\n\nconst throttle = (fn, delay) =\u003e {\n    let last = 0;\n    return (...args) =\u003e {\n        let now = new Date().getTime();\n        if (now - last \u003c delay) {\n            return;\n        }\n        last = now;\n        return fn(...args);\n    }\n}\n\n// Get the Product ID from the URL\nfunction getProductId() {\n    const path = window.location.pathname;\n    const searchParams = new URLSearchParams(window.location.search);\n\n    // Get base\n    const pathArray = path.split('/');\n    const lastSegment = pathArray[pathArray.length - 1];\n    const lastSegmentArray = lastSegment.split('-');\n    const baseId = lastSegmentArray[lastSegmentArray.length - 1];\n\n    const color = searchParams.get('color');\n    const productId = `${baseId}${color}`;\n    return productId;\n}\n\nfunction getProductIdFromImageUrl(url) {\n    // Example: .../VN000D5VEMQ-HERO/washed-black-swatch.jpg\n    // Extract the segment before the last '/' and split by '-' to get the product id\n    if (!url) return '';\n    const parts = url.split('/');\n    if (parts.length \u003c 2) return '';\n    const segment = parts[parts.length - 2]; // e.g., 'VN000D5VEMQ-HERO'\n    return segment.split('-')[0]; // e.g., 'VN000D5VEMQ'\n}\n\nconst productId = getProductId();\nconsole.log('Product ID:', productId);\n\n// Banner - Top Right on PDP\n exponea.showWebLayer('68a71bda58d66e0efcacbbd4', { \"product_id\": productId });\n\n// Banner - Over First Product Image\n //exponea.showWebLayer('68a7231ce9f9f5570a2dfd58', { \"product_id\": productId });\n\n\ndocument.addEventListener('click', debounce(function (event) {\n    // console.log('Click event detected:', event.target);\n    if (event.target.matches('button[data-test-id=\"vf-color-picker\"] \u003e span \u003e span')) {\n        const imageUrl = event.target.src;\n        const swatchProductId = getProductId();\n        console.log('Product ID from image URL:', swatchProductId);\n\n        const bannerTopRight = document.querySelector('div.exp_social-proof__top-right[data-product-id=\"' + swatchProductId + '\"]');\n        const bannerOverImage = document.querySelector('div.exp_social-proof__over-image[data-product-id=\"' + swatchProductId + '\"]');\n\n        if (bannerTopRight || bannerOverImage) {\n            console.log('Swatch product ID matches the current product ID, no action needed.');\n            return;\n        }\n\n        // Banner - Top Right on PDP\n        exponea.showWebLayer('68a71bda58d66e0efcacbbd4', { \"product_id\": swatchProductId });\n\n        // Banner - Over First Product Image\n        // exponea.showWebLayer('68a7231ce9f9f5570a2dfd58', { \"product_id\": swatchProductId });\n\n    }\n}, 350), false);\n\nconsole.groupEnd();","trigger":{"include_pages":[{"url":"/en-us/p/","type":"contains"}],"exclude_pages":null},"_id":"68a7233070475afef8cecc30"},{"uses_overlay":false,"type":"js","parametrized_definition":"console.group('Purchased Count Banner Tag');\n\nfunction debounce(fn, delay) {\n    let timeoutId;\n\n    return function (...args) {\n        clearTimeout(timeoutId);\n        timeoutId = setTimeout(() =\u003e {\n            fn.apply(this, args);\n        }, delay);\n    };\n}\n\nconst throttle = (fn, delay) =\u003e {\n    let last = 0;\n    return (...args) =\u003e {\n        let now = new Date().getTime();\n        if (now - last \u003c delay) {\n            return;\n        }\n        last = now;\n        return fn(...args);\n    }\n}\n\n// Get the Product ID from the URL\nfunction getProductId() {\n    const path = window.location.pathname;\n    const searchParams = new URLSearchParams(window.location.search);\n\n    // Get base\n    const pathArray = path.split('/');\n    const lastSegment = pathArray[pathArray.length - 1];\n    const lastSegmentArray = lastSegment.split('-');\n    const baseId = lastSegmentArray[lastSegmentArray.length - 1];\n\n    const color = searchParams.get('color');\n    const productId = `${baseId}${color}`;\n    return productId;\n}\n\nfunction getProductIdFromImageUrl(url) {\n    // Example: .../VN000D5VEMQ-HERO/washed-black-swatch.jpg\n    // Extract the segment before the last '/' and split by '-' to get the product id\n    if (!url) return '';\n    const parts = url.split('/');\n    if (parts.length \u003c 2) return '';\n    const segment = parts[parts.length - 2]; // e.g., 'VN000D5VEMQ-HERO'\n    return segment.split('-')[0]; // e.g., 'VN000D5VEMQ'\n}\n\nconst productId = getProductId();\nconsole.log('Product ID:', productId);\n\n// Banner - Top Right on PDP\nexponea.showWebLayer('68a7230e70475afef8cecc2b', { \"product_id\": productId });\n\n// Banner - Over First Product Image\n// exponea.showWebLayer('68a72321b398ced987beabbc', { \"product_id\": productId });\n\n\ndocument.addEventListener('click', debounce(function (event) {\n    // console.log('Click event detected:', event.target);\n    if (event.target.matches('button[data-test-id=\"vf-color-picker\"] \u003e span \u003e span')) {\n        const imageUrl = event.target.src;\n        const swatchProductId = getProductId();\n        console.log('Product ID from image URL:', swatchProductId);\n\n        const bannerTopRight = document.querySelector('div.exp_social-proof__top-right[data-product-id=\"' + swatchProductId + '\"]');\n        const bannerOverImage = document.querySelector('div.exp_social-proof__over-image[data-product-id=\"' + swatchProductId + '\"]');\n\n        if (bannerTopRight || bannerOverImage) {\n            console.log('Swatch product ID matches the current product ID, no action needed.');\n            return;\n        }\n\n        // Banner - Top Right on PDP\n        exponea.showWebLayer('68a7230e70475afef8cecc2b', { \"product_id\": swatchProductId });\n\n        // Banner - Over First Product Image\n         //exponea.showWebLayer('68a72321b398ced987beabbc', { \"product_id\": swatchProductId });\n\n    }\n}, 350), false);\n\nconsole.groupEnd();","trigger":{"include_pages":[{"url":"/en-ca/p/","type":"contains"},{"url":"/fr-ca/p/","type":"contains"}],"exclude_pages":null},"_id":"68a725e8b398ced987beabdd"}],"vars":{"data":[]}}