{"template--16783548776530__main":"<section id=\"shopify-section-template--16783548776530__main\" class=\"shopify-section\"><link href=\"//colourpop.com/cdn/shop/t/1305/assets/section-main-product.css?v=100253017489428102111791310123\" rel=\"stylesheet\" type=\"text/css\" media=\"all\" />\n<!-- ##entry##core-main-product##endentry## -->\n\n\n\n\n\n\n\n\n  <main-product\n    \n      class='main-product px-sm md:px-pagemargin 2xl:container grid grid-cols-1 lg:grid-cols-2 2xl:grid-cols-[minmax(0,_1fr)_575px] gap-sm py-sm md:py-md'\n      update-url='true'\n    \n    product-url='/products/cool-cocoa-pencil'\n    variant-id='12970025713746'\n    section-id='template--16783548776530__main'\n    id='template--16783548776530__main'\n    placement='pdp'\n  >\n\n\n  <div class='mt-xs md:m-0 lg:col-start-2'><nav aria-label='Breadcrumb'>\n  <ol class=\"[&_li_+_li]:before:content-['/']\">\n    <li class='inline text-caption'>\n      <a class='text-caption' href='/'>Home</a>\n    </li><li class='inline text-caption'>\n          <a class='text-caption' href='/collections/brow'>\n            Brow Makeup\n          </a>\n        </li><li class='inline text-caption'>\n        <a class='pointer-events-none text-caption' href='/products/cool-cocoa-pencil' aria-current='page'>Cool Cocoa Pencil</a>\n      </li></ol>\n</nav>\n\n\n<script>\n  document.addEventListener('DOMContentLoaded', () => {\n    const target = document.querySelector('.product-info');\n    if (target) {\n      const observer = new MutationObserver((mutationsList) => {\n        const titleMutation = mutationsList.find(mutation => \n          mutation.target.nodeType === 1 && \n          mutation.target.hasAttribute('sub-section-id') && \n          mutation.target.getAttribute('sub-section-id') == 'title' &&\n          [...mutation.addedNodes].some(n => n.tagName == \"H2\")\n        );\n        if(titleMutation){\n          const title = [...titleMutation.addedNodes].find(n => n.tagName == \"H2\").innerText.trim();\n          document.querySelector('nav[aria-label=\"Breadcrumb\"]').querySelector('a[aria-current=\"page\"]').innerText = title;\n        }\n      });\n      observer.observe(target, { childList: true, subtree: true });\n    }\n  });\n</script>\n</div>\n\n\n\n<style>\n  @media (max-width: 1023px) {\n    swiper-container#MediaGallery-template--16783548776530__main-main-swiper:not(:has(.swiper-slide-active)) {\n      aspect-ratio: 1;\n      overflow: hidden;\n    }\n\n    swiper-container#MediaGallery-template--16783548776530__main-main-swiper:not(:has(.swiper-slide-active)) swiper-slide:not(:first-of-type) {\n      display: none;\n    }\n  }\n\n  \n</style>\n\n\n<div\n  id='MediaGallery-template--16783548776530__main'\n  role='region'\n  sub-section-id='MediaGallery-template--16783548776530__main'\n  aria-label='Gallery Viewer'\n  \n>\n  \n\n<modal-dialog\n    cloak\n    type='modal'\n    id='MediaGallery-template--16783548776530__main-zoom-gallery'\n\n    \n      url=''\n    \n\n    \n      size='modal-max'\n    \n\n    \n\n    \n      close-on-backdrop-click='true'\n    \n\n    \n\n    \n\n    \n\n    \n      close-icon-position='right'\n    \n\n    \n\n    \n  >\n    \n    <div class=\"grid gap-x-xs lg:gap-x-sm grid-cols-[80px,minmax(0,_1fr)] md:grid-cols-[80px,minmax(0,_1fr)] lg:grid-cols-[120px,minmax(0,_1fr)] size-full\">\n      <div class=\"p-xs\">\n        <swiper-container\n          class='block'\n          direction='vertical'\n          slides-per-view='auto'\n          space-between='10'\n          mousewheel='true'\n          id='MediaGallery-template--16783548776530__main-thumbs-swiper-zoom'\n          controller-control='#MediaGallery-template--16783548776530__main-main-swiper'\n        >\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-p-darkest rounded-e-lg duration-300 transition'>\n\n<img src=\"//colourpop.com/cdn/shop/products/1499434287186-Cool-Cocoa-Pencil-BrowPencil-CoolCocoa-1.jpg?v=1668558932&amp;width=240\" alt=\"ColourPop Cool Cocoa Pencil brow pencil extends its retractable tip, laying cool‑toned medium brown swatch strokes on a clean white background to showcase the shade payoff and smooth, creamy texture.\" srcset=\"//colourpop.com/cdn/shop/products/1499434287186-Cool-Cocoa-Pencil-BrowPencil-CoolCocoa-1.jpg?v=1668558932&amp;width=60 60w, //colourpop.com/cdn/shop/products/1499434287186-Cool-Cocoa-Pencil-BrowPencil-CoolCocoa-1.jpg?v=1668558932&amp;width=90 90w, //colourpop.com/cdn/shop/products/1499434287186-Cool-Cocoa-Pencil-BrowPencil-CoolCocoa-1.jpg?v=1668558932&amp;width=120 120w, //colourpop.com/cdn/shop/products/1499434287186-Cool-Cocoa-Pencil-BrowPencil-CoolCocoa-1.jpg?v=1668558932&amp;width=180 180w, //colourpop.com/cdn/shop/products/1499434287186-Cool-Cocoa-Pencil-BrowPencil-CoolCocoa-1.jpg?v=1668558932&amp;width=240 240w\" width=\"90\" height=\"90\" loading=\"eager\" sizes=\"(min-width: 1024px) 104px, 64px\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\"></swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-p-darkest rounded-e-lg duration-300 transition'>\n\n<img src=\"//colourpop.com/cdn/shop/files/Black-N-Brown-spoolie-macro-copy_2f400b12-aa2a-46f8-b844-cb7aaef1c096.jpg?v=1717614581&amp;width=240\" alt=\"Spoolie brush end of the ColourPop Cool Cocoa Pencil brow pencil, black spiral bristles ready to groom and blend, attached to a sleek white tube, shown upright in a clean close-up on a white background.\" srcset=\"//colourpop.com/cdn/shop/files/Black-N-Brown-spoolie-macro-copy_2f400b12-aa2a-46f8-b844-cb7aaef1c096.jpg?v=1717614581&amp;width=60 60w, //colourpop.com/cdn/shop/files/Black-N-Brown-spoolie-macro-copy_2f400b12-aa2a-46f8-b844-cb7aaef1c096.jpg?v=1717614581&amp;width=90 90w, //colourpop.com/cdn/shop/files/Black-N-Brown-spoolie-macro-copy_2f400b12-aa2a-46f8-b844-cb7aaef1c096.jpg?v=1717614581&amp;width=120 120w, //colourpop.com/cdn/shop/files/Black-N-Brown-spoolie-macro-copy_2f400b12-aa2a-46f8-b844-cb7aaef1c096.jpg?v=1717614581&amp;width=180 180w, //colourpop.com/cdn/shop/files/Black-N-Brown-spoolie-macro-copy_2f400b12-aa2a-46f8-b844-cb7aaef1c096.jpg?v=1717614581&amp;width=240 240w\" width=\"90\" height=\"90\" loading=\"eager\" sizes=\"(min-width: 1024px) 104px, 64px\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\"></swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-p-darkest rounded-e-lg duration-300 transition'>\n\n<img src=\"//colourpop.com/cdn/shop/files/1499430158418-Champagne-Blonde-Pencil-BrowPencil-ChampagneBlonde-3_0e36aaf5-c9d0-4274-a751-8a84ba72f10e.jpg?v=1717614598&amp;width=240\" alt=\"ColourPop Cool Cocoa Pencil filling and shaping eyebrows - before and after close-up shows a sparse brow above a brown eye becoming fuller and more defined after application, demonstrating the brow pencil&#39;s natural, polished finish.\" srcset=\"//colourpop.com/cdn/shop/files/1499430158418-Champagne-Blonde-Pencil-BrowPencil-ChampagneBlonde-3_0e36aaf5-c9d0-4274-a751-8a84ba72f10e.jpg?v=1717614598&amp;width=60 60w, //colourpop.com/cdn/shop/files/1499430158418-Champagne-Blonde-Pencil-BrowPencil-ChampagneBlonde-3_0e36aaf5-c9d0-4274-a751-8a84ba72f10e.jpg?v=1717614598&amp;width=90 90w, //colourpop.com/cdn/shop/files/1499430158418-Champagne-Blonde-Pencil-BrowPencil-ChampagneBlonde-3_0e36aaf5-c9d0-4274-a751-8a84ba72f10e.jpg?v=1717614598&amp;width=120 120w, //colourpop.com/cdn/shop/files/1499430158418-Champagne-Blonde-Pencil-BrowPencil-ChampagneBlonde-3_0e36aaf5-c9d0-4274-a751-8a84ba72f10e.jpg?v=1717614598&amp;width=180 180w, //colourpop.com/cdn/shop/files/1499430158418-Champagne-Blonde-Pencil-BrowPencil-ChampagneBlonde-3_0e36aaf5-c9d0-4274-a751-8a84ba72f10e.jpg?v=1717614598&amp;width=240 240w\" width=\"90\" height=\"90\" loading=\"eager\" sizes=\"(min-width: 1024px) 104px, 64px\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\"></swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-p-darkest rounded-e-lg duration-300 transition'>\n\n<img src=\"//colourpop.com/cdn/shop/files/CP_Brow_WhichBrowAreYou_Infographic_96d9e0e1-458a-4886-b12f-919f7aa1956f.jpg?v=1717614598&amp;width=240\" alt=\"ColourPop Cool Cocoa Pencil brow pencil demonstrating results in a peach-toned infographic - brow pencil gives defined arches, pencil + gel natural, gel alone fluffy, and gel + wax contoured - illustrated brows guide shoppers to pick their finish.\" srcset=\"//colourpop.com/cdn/shop/files/CP_Brow_WhichBrowAreYou_Infographic_96d9e0e1-458a-4886-b12f-919f7aa1956f.jpg?v=1717614598&amp;width=60 60w, //colourpop.com/cdn/shop/files/CP_Brow_WhichBrowAreYou_Infographic_96d9e0e1-458a-4886-b12f-919f7aa1956f.jpg?v=1717614598&amp;width=90 90w, //colourpop.com/cdn/shop/files/CP_Brow_WhichBrowAreYou_Infographic_96d9e0e1-458a-4886-b12f-919f7aa1956f.jpg?v=1717614598&amp;width=120 120w, //colourpop.com/cdn/shop/files/CP_Brow_WhichBrowAreYou_Infographic_96d9e0e1-458a-4886-b12f-919f7aa1956f.jpg?v=1717614598&amp;width=180 180w, //colourpop.com/cdn/shop/files/CP_Brow_WhichBrowAreYou_Infographic_96d9e0e1-458a-4886-b12f-919f7aa1956f.jpg?v=1717614598&amp;width=240 240w\" width=\"90\" height=\"90\" loading=\"eager\" sizes=\"(min-width: 1024px) 104px, 64px\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\"></swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-p-darkest rounded-e-lg duration-300 transition'>\n\n<img src=\"//colourpop.com/cdn/shop/files/BrowPencil-ModelB_A_515c2160-7cab-426f-bcb3-5532cc724775.jpg?v=1717614598&amp;width=240\" alt=\"ColourPop Cool Cocoa Pencil brow pencil defining brows in a split-screen grid: left-before/right-after on two models, turning sparse arches into fuller, neatly shaped eyebrows with hairlike strokes in a cool cocoa brown, close-up eyes.\" srcset=\"//colourpop.com/cdn/shop/files/BrowPencil-ModelB_A_515c2160-7cab-426f-bcb3-5532cc724775.jpg?v=1717614598&amp;width=60 60w, //colourpop.com/cdn/shop/files/BrowPencil-ModelB_A_515c2160-7cab-426f-bcb3-5532cc724775.jpg?v=1717614598&amp;width=90 90w, //colourpop.com/cdn/shop/files/BrowPencil-ModelB_A_515c2160-7cab-426f-bcb3-5532cc724775.jpg?v=1717614598&amp;width=120 120w, //colourpop.com/cdn/shop/files/BrowPencil-ModelB_A_515c2160-7cab-426f-bcb3-5532cc724775.jpg?v=1717614598&amp;width=180 180w, //colourpop.com/cdn/shop/files/BrowPencil-ModelB_A_515c2160-7cab-426f-bcb3-5532cc724775.jpg?v=1717614598&amp;width=240 240w\" width=\"90\" height=\"90\" loading=\"eager\" sizes=\"(min-width: 1024px) 104px, 64px\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\"></swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-p-darkest rounded-e-lg duration-300 transition'>\n\n<img src=\"//colourpop.com/cdn/shop/files/FF0F13EC-691D-45E9-B81A-AA3E73240735_eb3a6ed7-2a10-4087-b8e1-a89b5f2e827a.jpg?v=1717614593&amp;width=240\" alt=\"Cool Cocoa Pencil defining brows with precise, hair-like strokes; a fine-tip, dual-ended ColourPop brow pencil with spoolie shown in a three-panel layout comparing fluffy, natural, and defined brow looks.\" srcset=\"//colourpop.com/cdn/shop/files/FF0F13EC-691D-45E9-B81A-AA3E73240735_eb3a6ed7-2a10-4087-b8e1-a89b5f2e827a.jpg?v=1717614593&amp;width=60 60w, //colourpop.com/cdn/shop/files/FF0F13EC-691D-45E9-B81A-AA3E73240735_eb3a6ed7-2a10-4087-b8e1-a89b5f2e827a.jpg?v=1717614593&amp;width=90 90w, //colourpop.com/cdn/shop/files/FF0F13EC-691D-45E9-B81A-AA3E73240735_eb3a6ed7-2a10-4087-b8e1-a89b5f2e827a.jpg?v=1717614593&amp;width=120 120w, //colourpop.com/cdn/shop/files/FF0F13EC-691D-45E9-B81A-AA3E73240735_eb3a6ed7-2a10-4087-b8e1-a89b5f2e827a.jpg?v=1717614593&amp;width=180 180w, //colourpop.com/cdn/shop/files/FF0F13EC-691D-45E9-B81A-AA3E73240735_eb3a6ed7-2a10-4087-b8e1-a89b5f2e827a.jpg?v=1717614593&amp;width=240 240w\" width=\"90\" height=\"90\" loading=\"eager\" sizes=\"(min-width: 1024px) 104px, 64px\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\"></swiper-slide>\n          \n        </swiper-container>\n      </div><!-- ##entry##core-swiper-with-media##endentry## -->\n<swiper-with-media class=\"block relative size-full\">\n        <swiper-container\n          init=\"false\"\n          class='h-full block whitespace-nowrap overflow-clip'\n          watch-slides-progress='true'\n          thumbs-swiper='#MediaGallery-template--16783548776530__main-thumbs-swiper-zoom'\n          auto-scroll-offset='true'\n          navigation='true'\n          slides-per-view='1'\n          id='MediaGallery-template--16783548776530__main-main-swiper-zoom'\n          pagination='true'\n          data-zoom-sizes='(min-width: 1024px) calc(100vw - 140px), calc(100vw - 90px)'\n        >\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<img src=\"//colourpop.com/cdn/shop/products/1499434287186-Cool-Cocoa-Pencil-BrowPencil-CoolCocoa-1.jpg?v=1668558932&amp;width=2400\" alt=\"ColourPop Cool Cocoa Pencil brow pencil extends its retractable tip, laying cool‑toned medium brown swatch strokes on a clean white background to showcase the shade payoff and smooth, creamy texture.\" srcset=\"//colourpop.com/cdn/shop/products/1499434287186-Cool-Cocoa-Pencil-BrowPencil-CoolCocoa-1.jpg?v=1668558932&amp;width=600 600w, //colourpop.com/cdn/shop/products/1499434287186-Cool-Cocoa-Pencil-BrowPencil-CoolCocoa-1.jpg?v=1668558932&amp;width=800 800w, //colourpop.com/cdn/shop/products/1499434287186-Cool-Cocoa-Pencil-BrowPencil-CoolCocoa-1.jpg?v=1668558932&amp;width=1000 1000w, //colourpop.com/cdn/shop/products/1499434287186-Cool-Cocoa-Pencil-BrowPencil-CoolCocoa-1.jpg?v=1668558932&amp;width=1200 1200w, //colourpop.com/cdn/shop/products/1499434287186-Cool-Cocoa-Pencil-BrowPencil-CoolCocoa-1.jpg?v=1668558932&amp;width=1600 1600w, //colourpop.com/cdn/shop/products/1499434287186-Cool-Cocoa-Pencil-BrowPencil-CoolCocoa-1.jpg?v=1668558932&amp;width=2000 2000w, //colourpop.com/cdn/shop/products/1499434287186-Cool-Cocoa-Pencil-BrowPencil-CoolCocoa-1.jpg?v=1668558932&amp;width=2400 2400w\" width=\"600\" height=\"600\" loading=\"lazy\" sizes=\"1px\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\"><div class='swiper-lazy-preloader'></div></swiper-slide>\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<img src=\"//colourpop.com/cdn/shop/files/Black-N-Brown-spoolie-macro-copy_2f400b12-aa2a-46f8-b844-cb7aaef1c096.jpg?v=1717614581&amp;width=2000\" alt=\"Spoolie brush end of the ColourPop Cool Cocoa Pencil brow pencil, black spiral bristles ready to groom and blend, attached to a sleek white tube, shown upright in a clean close-up on a white background.\" srcset=\"//colourpop.com/cdn/shop/files/Black-N-Brown-spoolie-macro-copy_2f400b12-aa2a-46f8-b844-cb7aaef1c096.jpg?v=1717614581&amp;width=600 600w, //colourpop.com/cdn/shop/files/Black-N-Brown-spoolie-macro-copy_2f400b12-aa2a-46f8-b844-cb7aaef1c096.jpg?v=1717614581&amp;width=800 800w, //colourpop.com/cdn/shop/files/Black-N-Brown-spoolie-macro-copy_2f400b12-aa2a-46f8-b844-cb7aaef1c096.jpg?v=1717614581&amp;width=1000 1000w, //colourpop.com/cdn/shop/files/Black-N-Brown-spoolie-macro-copy_2f400b12-aa2a-46f8-b844-cb7aaef1c096.jpg?v=1717614581&amp;width=1200 1200w, //colourpop.com/cdn/shop/files/Black-N-Brown-spoolie-macro-copy_2f400b12-aa2a-46f8-b844-cb7aaef1c096.jpg?v=1717614581&amp;width=1600 1600w, //colourpop.com/cdn/shop/files/Black-N-Brown-spoolie-macro-copy_2f400b12-aa2a-46f8-b844-cb7aaef1c096.jpg?v=1717614581&amp;width=2000 2000w\" width=\"600\" height=\"600\" loading=\"lazy\" sizes=\"1px\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\"><div class='swiper-lazy-preloader'></div></swiper-slide>\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<img src=\"//colourpop.com/cdn/shop/files/1499430158418-Champagne-Blonde-Pencil-BrowPencil-ChampagneBlonde-3_0e36aaf5-c9d0-4274-a751-8a84ba72f10e.jpg?v=1717614598&amp;width=2400\" alt=\"ColourPop Cool Cocoa Pencil filling and shaping eyebrows - before and after close-up shows a sparse brow above a brown eye becoming fuller and more defined after application, demonstrating the brow pencil&#39;s natural, polished finish.\" srcset=\"//colourpop.com/cdn/shop/files/1499430158418-Champagne-Blonde-Pencil-BrowPencil-ChampagneBlonde-3_0e36aaf5-c9d0-4274-a751-8a84ba72f10e.jpg?v=1717614598&amp;width=600 600w, //colourpop.com/cdn/shop/files/1499430158418-Champagne-Blonde-Pencil-BrowPencil-ChampagneBlonde-3_0e36aaf5-c9d0-4274-a751-8a84ba72f10e.jpg?v=1717614598&amp;width=800 800w, //colourpop.com/cdn/shop/files/1499430158418-Champagne-Blonde-Pencil-BrowPencil-ChampagneBlonde-3_0e36aaf5-c9d0-4274-a751-8a84ba72f10e.jpg?v=1717614598&amp;width=1000 1000w, //colourpop.com/cdn/shop/files/1499430158418-Champagne-Blonde-Pencil-BrowPencil-ChampagneBlonde-3_0e36aaf5-c9d0-4274-a751-8a84ba72f10e.jpg?v=1717614598&amp;width=1200 1200w, //colourpop.com/cdn/shop/files/1499430158418-Champagne-Blonde-Pencil-BrowPencil-ChampagneBlonde-3_0e36aaf5-c9d0-4274-a751-8a84ba72f10e.jpg?v=1717614598&amp;width=1600 1600w, //colourpop.com/cdn/shop/files/1499430158418-Champagne-Blonde-Pencil-BrowPencil-ChampagneBlonde-3_0e36aaf5-c9d0-4274-a751-8a84ba72f10e.jpg?v=1717614598&amp;width=2000 2000w, //colourpop.com/cdn/shop/files/1499430158418-Champagne-Blonde-Pencil-BrowPencil-ChampagneBlonde-3_0e36aaf5-c9d0-4274-a751-8a84ba72f10e.jpg?v=1717614598&amp;width=2400 2400w\" width=\"600\" height=\"600\" loading=\"lazy\" sizes=\"1px\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\"><div class='swiper-lazy-preloader'></div></swiper-slide>\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<img src=\"//colourpop.com/cdn/shop/files/CP_Brow_WhichBrowAreYou_Infographic_96d9e0e1-458a-4886-b12f-919f7aa1956f.jpg?v=1717614598&amp;width=2400\" alt=\"ColourPop Cool Cocoa Pencil brow pencil demonstrating results in a peach-toned infographic - brow pencil gives defined arches, pencil + gel natural, gel alone fluffy, and gel + wax contoured - illustrated brows guide shoppers to pick their finish.\" srcset=\"//colourpop.com/cdn/shop/files/CP_Brow_WhichBrowAreYou_Infographic_96d9e0e1-458a-4886-b12f-919f7aa1956f.jpg?v=1717614598&amp;width=600 600w, //colourpop.com/cdn/shop/files/CP_Brow_WhichBrowAreYou_Infographic_96d9e0e1-458a-4886-b12f-919f7aa1956f.jpg?v=1717614598&amp;width=800 800w, //colourpop.com/cdn/shop/files/CP_Brow_WhichBrowAreYou_Infographic_96d9e0e1-458a-4886-b12f-919f7aa1956f.jpg?v=1717614598&amp;width=1000 1000w, //colourpop.com/cdn/shop/files/CP_Brow_WhichBrowAreYou_Infographic_96d9e0e1-458a-4886-b12f-919f7aa1956f.jpg?v=1717614598&amp;width=1200 1200w, //colourpop.com/cdn/shop/files/CP_Brow_WhichBrowAreYou_Infographic_96d9e0e1-458a-4886-b12f-919f7aa1956f.jpg?v=1717614598&amp;width=1600 1600w, //colourpop.com/cdn/shop/files/CP_Brow_WhichBrowAreYou_Infographic_96d9e0e1-458a-4886-b12f-919f7aa1956f.jpg?v=1717614598&amp;width=2000 2000w, //colourpop.com/cdn/shop/files/CP_Brow_WhichBrowAreYou_Infographic_96d9e0e1-458a-4886-b12f-919f7aa1956f.jpg?v=1717614598&amp;width=2400 2400w\" width=\"600\" height=\"600\" loading=\"lazy\" sizes=\"1px\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\"><div class='swiper-lazy-preloader'></div></swiper-slide>\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<img src=\"//colourpop.com/cdn/shop/files/BrowPencil-ModelB_A_515c2160-7cab-426f-bcb3-5532cc724775.jpg?v=1717614598&amp;width=2400\" alt=\"ColourPop Cool Cocoa Pencil brow pencil defining brows in a split-screen grid: left-before/right-after on two models, turning sparse arches into fuller, neatly shaped eyebrows with hairlike strokes in a cool cocoa brown, close-up eyes.\" srcset=\"//colourpop.com/cdn/shop/files/BrowPencil-ModelB_A_515c2160-7cab-426f-bcb3-5532cc724775.jpg?v=1717614598&amp;width=600 600w, //colourpop.com/cdn/shop/files/BrowPencil-ModelB_A_515c2160-7cab-426f-bcb3-5532cc724775.jpg?v=1717614598&amp;width=800 800w, //colourpop.com/cdn/shop/files/BrowPencil-ModelB_A_515c2160-7cab-426f-bcb3-5532cc724775.jpg?v=1717614598&amp;width=1000 1000w, //colourpop.com/cdn/shop/files/BrowPencil-ModelB_A_515c2160-7cab-426f-bcb3-5532cc724775.jpg?v=1717614598&amp;width=1200 1200w, //colourpop.com/cdn/shop/files/BrowPencil-ModelB_A_515c2160-7cab-426f-bcb3-5532cc724775.jpg?v=1717614598&amp;width=1600 1600w, //colourpop.com/cdn/shop/files/BrowPencil-ModelB_A_515c2160-7cab-426f-bcb3-5532cc724775.jpg?v=1717614598&amp;width=2000 2000w, //colourpop.com/cdn/shop/files/BrowPencil-ModelB_A_515c2160-7cab-426f-bcb3-5532cc724775.jpg?v=1717614598&amp;width=2400 2400w\" width=\"600\" height=\"600\" loading=\"lazy\" sizes=\"1px\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\"><div class='swiper-lazy-preloader'></div></swiper-slide>\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<img src=\"//colourpop.com/cdn/shop/files/FF0F13EC-691D-45E9-B81A-AA3E73240735_eb3a6ed7-2a10-4087-b8e1-a89b5f2e827a.jpg?v=1717614593&amp;width=828\" alt=\"Cool Cocoa Pencil defining brows with precise, hair-like strokes; a fine-tip, dual-ended ColourPop brow pencil with spoolie shown in a three-panel layout comparing fluffy, natural, and defined brow looks.\" srcset=\"//colourpop.com/cdn/shop/files/FF0F13EC-691D-45E9-B81A-AA3E73240735_eb3a6ed7-2a10-4087-b8e1-a89b5f2e827a.jpg?v=1717614593&amp;width=600 600w, //colourpop.com/cdn/shop/files/FF0F13EC-691D-45E9-B81A-AA3E73240735_eb3a6ed7-2a10-4087-b8e1-a89b5f2e827a.jpg?v=1717614593&amp;width=800 800w, //colourpop.com/cdn/shop/files/FF0F13EC-691D-45E9-B81A-AA3E73240735_eb3a6ed7-2a10-4087-b8e1-a89b5f2e827a.jpg?v=1717614593&amp;width=828 828w\" width=\"600\" height=\"600\" loading=\"lazy\" sizes=\"1px\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\"><div class='swiper-lazy-preloader'></div></swiper-slide>\n          \n        </swiper-container>\n      </swiper-with-media>\n    </div>\n  \n  </modal-dialog>\n\n  <script type='module'>\n    if (!window.zoomSizesListenerAdded) {\n      window.zoomSizesListenerAdded = true;\n      document.addEventListener(\n        'click',\n        (event) => {\n          const toggle = event.target.closest('dialog-toggle[modal-id$=\"-zoom-gallery\"]');\n          const modal = toggle && document.getElementById(toggle.getAttribute('modal-id'));\n          if (!modal) return;\n\n          modal.querySelectorAll('[data-zoom-sizes]').forEach((container) => {\n            container.querySelectorAll('img[sizes=\"1px\"]').forEach((img) => {\n              img.sizes = container.dataset.zoomSizes;\n            });\n          });\n        },\n        true\n      );\n    }\n  </script>\n\n  <div\n    \n      class='block gap-y-sm lg:grid lg:grid-cols-[100px,minmax(0,_1fr)] xl:grid-cols-[120px,minmax(0,_1fr)] gap-x-xs place-content-start lg:sticky lg:top-[--header-height]'\n    \n  ><div class='relative overflow-clip lg:mb-5 lg:max-h-[600px]'>\n        <swiper-container\n          class='w-full hidden lg:block absolute top-0 left-0 h-full pt-14 xl:pt-20 pb-6 rounded-lg '\n          direction='vertical'\n          slides-per-view='auto'\n          space-between='4'\n          mousewheel='true'\n          id='MediaGallery-template--16783548776530__main-thumbs-swiper'\n          navigation-next-el='.swiper-button-next-template--16783548776530__main'\n          navigation-prev-el='.swiper-button-prev-template--16783548776530__main'\n          breakpoints='{ \"1024\": { \"slidesPerView\": 4 } }'\n        >\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-1 aspect-square p-1.5 border border-solid rounded-[10px] border-p-lightest [&.swiper-slide-thumb-active]:border-p-darkest duration-300 transition overflow-hidden cursor-pointer'>\n              <div class='relative w-full h-full rounded-md overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/products/1499434287186-Cool-Cocoa-Pencil-BrowPencil-CoolCocoa-1.jpg?v=1668558932&amp;width=240\" alt=\"ColourPop Cool Cocoa Pencil brow pencil extends its retractable tip, laying cool‑toned medium brown swatch strokes on a clean white background to showcase the shade payoff and smooth, creamy texture.\" srcset=\"//colourpop.com/cdn/shop/products/1499434287186-Cool-Cocoa-Pencil-BrowPencil-CoolCocoa-1.jpg?v=1668558932&amp;width=60 60w, //colourpop.com/cdn/shop/products/1499434287186-Cool-Cocoa-Pencil-BrowPencil-CoolCocoa-1.jpg?v=1668558932&amp;width=90 90w, //colourpop.com/cdn/shop/products/1499434287186-Cool-Cocoa-Pencil-BrowPencil-CoolCocoa-1.jpg?v=1668558932&amp;width=120 120w, //colourpop.com/cdn/shop/products/1499434287186-Cool-Cocoa-Pencil-BrowPencil-CoolCocoa-1.jpg?v=1668558932&amp;width=180 180w, //colourpop.com/cdn/shop/products/1499434287186-Cool-Cocoa-Pencil-BrowPencil-CoolCocoa-1.jpg?v=1668558932&amp;width=240 240w\" width=\"120\" height=\"120\" loading=\"eager\" sizes=\"(min-width: 1280px) 108px, 88px\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\"></div>\n            </swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-1 aspect-square p-1.5 border border-solid rounded-[10px] border-p-lightest [&.swiper-slide-thumb-active]:border-p-darkest duration-300 transition overflow-hidden cursor-pointer'>\n              <div class='relative w-full h-full rounded-md overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/Black-N-Brown-spoolie-macro-copy_2f400b12-aa2a-46f8-b844-cb7aaef1c096.jpg?v=1717614581&amp;width=240\" alt=\"Spoolie brush end of the ColourPop Cool Cocoa Pencil brow pencil, black spiral bristles ready to groom and blend, attached to a sleek white tube, shown upright in a clean close-up on a white background.\" srcset=\"//colourpop.com/cdn/shop/files/Black-N-Brown-spoolie-macro-copy_2f400b12-aa2a-46f8-b844-cb7aaef1c096.jpg?v=1717614581&amp;width=60 60w, //colourpop.com/cdn/shop/files/Black-N-Brown-spoolie-macro-copy_2f400b12-aa2a-46f8-b844-cb7aaef1c096.jpg?v=1717614581&amp;width=90 90w, //colourpop.com/cdn/shop/files/Black-N-Brown-spoolie-macro-copy_2f400b12-aa2a-46f8-b844-cb7aaef1c096.jpg?v=1717614581&amp;width=120 120w, //colourpop.com/cdn/shop/files/Black-N-Brown-spoolie-macro-copy_2f400b12-aa2a-46f8-b844-cb7aaef1c096.jpg?v=1717614581&amp;width=180 180w, //colourpop.com/cdn/shop/files/Black-N-Brown-spoolie-macro-copy_2f400b12-aa2a-46f8-b844-cb7aaef1c096.jpg?v=1717614581&amp;width=240 240w\" width=\"120\" height=\"120\" loading=\"eager\" sizes=\"(min-width: 1280px) 108px, 88px\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\"></div>\n            </swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-1 aspect-square p-1.5 border border-solid rounded-[10px] border-p-lightest [&.swiper-slide-thumb-active]:border-p-darkest duration-300 transition overflow-hidden cursor-pointer'>\n              <div class='relative w-full h-full rounded-md overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/1499430158418-Champagne-Blonde-Pencil-BrowPencil-ChampagneBlonde-3_0e36aaf5-c9d0-4274-a751-8a84ba72f10e.jpg?v=1717614598&amp;width=240\" alt=\"ColourPop Cool Cocoa Pencil filling and shaping eyebrows - before and after close-up shows a sparse brow above a brown eye becoming fuller and more defined after application, demonstrating the brow pencil&#39;s natural, polished finish.\" srcset=\"//colourpop.com/cdn/shop/files/1499430158418-Champagne-Blonde-Pencil-BrowPencil-ChampagneBlonde-3_0e36aaf5-c9d0-4274-a751-8a84ba72f10e.jpg?v=1717614598&amp;width=60 60w, //colourpop.com/cdn/shop/files/1499430158418-Champagne-Blonde-Pencil-BrowPencil-ChampagneBlonde-3_0e36aaf5-c9d0-4274-a751-8a84ba72f10e.jpg?v=1717614598&amp;width=90 90w, //colourpop.com/cdn/shop/files/1499430158418-Champagne-Blonde-Pencil-BrowPencil-ChampagneBlonde-3_0e36aaf5-c9d0-4274-a751-8a84ba72f10e.jpg?v=1717614598&amp;width=120 120w, //colourpop.com/cdn/shop/files/1499430158418-Champagne-Blonde-Pencil-BrowPencil-ChampagneBlonde-3_0e36aaf5-c9d0-4274-a751-8a84ba72f10e.jpg?v=1717614598&amp;width=180 180w, //colourpop.com/cdn/shop/files/1499430158418-Champagne-Blonde-Pencil-BrowPencil-ChampagneBlonde-3_0e36aaf5-c9d0-4274-a751-8a84ba72f10e.jpg?v=1717614598&amp;width=240 240w\" width=\"120\" height=\"120\" loading=\"eager\" sizes=\"(min-width: 1280px) 108px, 88px\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\"></div>\n            </swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-1 aspect-square p-1.5 border border-solid rounded-[10px] border-p-lightest [&.swiper-slide-thumb-active]:border-p-darkest duration-300 transition overflow-hidden cursor-pointer'>\n              <div class='relative w-full h-full rounded-md overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/CP_Brow_WhichBrowAreYou_Infographic_96d9e0e1-458a-4886-b12f-919f7aa1956f.jpg?v=1717614598&amp;width=240\" alt=\"ColourPop Cool Cocoa Pencil brow pencil demonstrating results in a peach-toned infographic - brow pencil gives defined arches, pencil + gel natural, gel alone fluffy, and gel + wax contoured - illustrated brows guide shoppers to pick their finish.\" srcset=\"//colourpop.com/cdn/shop/files/CP_Brow_WhichBrowAreYou_Infographic_96d9e0e1-458a-4886-b12f-919f7aa1956f.jpg?v=1717614598&amp;width=60 60w, //colourpop.com/cdn/shop/files/CP_Brow_WhichBrowAreYou_Infographic_96d9e0e1-458a-4886-b12f-919f7aa1956f.jpg?v=1717614598&amp;width=90 90w, //colourpop.com/cdn/shop/files/CP_Brow_WhichBrowAreYou_Infographic_96d9e0e1-458a-4886-b12f-919f7aa1956f.jpg?v=1717614598&amp;width=120 120w, //colourpop.com/cdn/shop/files/CP_Brow_WhichBrowAreYou_Infographic_96d9e0e1-458a-4886-b12f-919f7aa1956f.jpg?v=1717614598&amp;width=180 180w, //colourpop.com/cdn/shop/files/CP_Brow_WhichBrowAreYou_Infographic_96d9e0e1-458a-4886-b12f-919f7aa1956f.jpg?v=1717614598&amp;width=240 240w\" width=\"120\" height=\"120\" loading=\"eager\" sizes=\"(min-width: 1280px) 108px, 88px\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\"></div>\n            </swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-1 aspect-square p-1.5 border border-solid rounded-[10px] border-p-lightest [&.swiper-slide-thumb-active]:border-p-darkest duration-300 transition overflow-hidden cursor-pointer'>\n              <div class='relative w-full h-full rounded-md overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/BrowPencil-ModelB_A_515c2160-7cab-426f-bcb3-5532cc724775.jpg?v=1717614598&amp;width=240\" alt=\"ColourPop Cool Cocoa Pencil brow pencil defining brows in a split-screen grid: left-before/right-after on two models, turning sparse arches into fuller, neatly shaped eyebrows with hairlike strokes in a cool cocoa brown, close-up eyes.\" srcset=\"//colourpop.com/cdn/shop/files/BrowPencil-ModelB_A_515c2160-7cab-426f-bcb3-5532cc724775.jpg?v=1717614598&amp;width=60 60w, //colourpop.com/cdn/shop/files/BrowPencil-ModelB_A_515c2160-7cab-426f-bcb3-5532cc724775.jpg?v=1717614598&amp;width=90 90w, //colourpop.com/cdn/shop/files/BrowPencil-ModelB_A_515c2160-7cab-426f-bcb3-5532cc724775.jpg?v=1717614598&amp;width=120 120w, //colourpop.com/cdn/shop/files/BrowPencil-ModelB_A_515c2160-7cab-426f-bcb3-5532cc724775.jpg?v=1717614598&amp;width=180 180w, //colourpop.com/cdn/shop/files/BrowPencil-ModelB_A_515c2160-7cab-426f-bcb3-5532cc724775.jpg?v=1717614598&amp;width=240 240w\" width=\"120\" height=\"120\" loading=\"eager\" sizes=\"(min-width: 1280px) 108px, 88px\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\"></div>\n            </swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-1 aspect-square p-1.5 border border-solid rounded-[10px] border-p-lightest [&.swiper-slide-thumb-active]:border-p-darkest duration-300 transition overflow-hidden cursor-pointer'>\n              <div class='relative w-full h-full rounded-md overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/FF0F13EC-691D-45E9-B81A-AA3E73240735_eb3a6ed7-2a10-4087-b8e1-a89b5f2e827a.jpg?v=1717614593&amp;width=240\" alt=\"Cool Cocoa Pencil defining brows with precise, hair-like strokes; a fine-tip, dual-ended ColourPop brow pencil with spoolie shown in a three-panel layout comparing fluffy, natural, and defined brow looks.\" srcset=\"//colourpop.com/cdn/shop/files/FF0F13EC-691D-45E9-B81A-AA3E73240735_eb3a6ed7-2a10-4087-b8e1-a89b5f2e827a.jpg?v=1717614593&amp;width=60 60w, //colourpop.com/cdn/shop/files/FF0F13EC-691D-45E9-B81A-AA3E73240735_eb3a6ed7-2a10-4087-b8e1-a89b5f2e827a.jpg?v=1717614593&amp;width=90 90w, //colourpop.com/cdn/shop/files/FF0F13EC-691D-45E9-B81A-AA3E73240735_eb3a6ed7-2a10-4087-b8e1-a89b5f2e827a.jpg?v=1717614593&amp;width=120 120w, //colourpop.com/cdn/shop/files/FF0F13EC-691D-45E9-B81A-AA3E73240735_eb3a6ed7-2a10-4087-b8e1-a89b5f2e827a.jpg?v=1717614593&amp;width=180 180w, //colourpop.com/cdn/shop/files/FF0F13EC-691D-45E9-B81A-AA3E73240735_eb3a6ed7-2a10-4087-b8e1-a89b5f2e827a.jpg?v=1717614593&amp;width=240 240w\" width=\"120\" height=\"120\" loading=\"eager\" sizes=\"(min-width: 1280px) 108px, 88px\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\"></div>\n            </swiper-slide>\n          \n        </swiper-container><button\n            class='swiper-button-prev swiper-button-prev-template--16783548776530__main absolute left-1/2 top-8 xl:top-14 -translate-x-1/2 w-4 h-4 z-20 [&.swiper-button-disabled]:text-t-disabled'\n            aria-label='Previous slide'\n          >\n            <svg-icon src='icon-chevron'></svg-icon>\n          </button>\n          <button\n            class='swiper-button-next swiper-button-next-template--16783548776530__main absolute rotate-180 left-1/2 bottom-0 -translate-x-1/2 w-4 h-4 z-20 [&.swiper-button-disabled]:text-t-disabled'\n            aria-label='Next slide'\n          >\n            <svg-icon src='icon-chevron'></svg-icon>\n          </button></div><div class='relative'><!-- ##entry##core-swiper-with-media##endentry## -->\n<swiper-with-media\n        class='w-full h-full block'\n      >\n        <swiper-container\n          class='w-full h-full block whitespace-nowrap overflow-clip pb-6'\n          init='false'\n          watch-slides-progress='true'\n          thumbs-swiper='#MediaGallery-template--16783548776530__main-thumbs-swiper'\n          controller-control='#MediaGallery-template--16783548776530__main-main-swiper-zoom'\n          auto-scroll-offset='true'\n          id='MediaGallery-template--16783548776530__main-main-swiper'\n          \n            pagination='{ \"clickable\": true, \"el\": \".swiper-pagination\" }'\n          \n        >\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/products/1499434287186-Cool-Cocoa-Pencil-BrowPencil-CoolCocoa-1.jpg?v=1668558932&amp;width=1800\" alt=\"ColourPop Cool Cocoa Pencil brow pencil extends its retractable tip, laying cool‑toned medium brown swatch strokes on a clean white background to showcase the shade payoff and smooth, creamy texture.\" srcset=\"//colourpop.com/cdn/shop/products/1499434287186-Cool-Cocoa-Pencil-BrowPencil-CoolCocoa-1.jpg?v=1668558932&amp;width=400 400w, //colourpop.com/cdn/shop/products/1499434287186-Cool-Cocoa-Pencil-BrowPencil-CoolCocoa-1.jpg?v=1668558932&amp;width=600 600w, //colourpop.com/cdn/shop/products/1499434287186-Cool-Cocoa-Pencil-BrowPencil-CoolCocoa-1.jpg?v=1668558932&amp;width=800 800w, //colourpop.com/cdn/shop/products/1499434287186-Cool-Cocoa-Pencil-BrowPencil-CoolCocoa-1.jpg?v=1668558932&amp;width=1000 1000w, //colourpop.com/cdn/shop/products/1499434287186-Cool-Cocoa-Pencil-BrowPencil-CoolCocoa-1.jpg?v=1668558932&amp;width=1200 1200w, //colourpop.com/cdn/shop/products/1499434287186-Cool-Cocoa-Pencil-BrowPencil-CoolCocoa-1.jpg?v=1668558932&amp;width=1500 1500w, //colourpop.com/cdn/shop/products/1499434287186-Cool-Cocoa-Pencil-BrowPencil-CoolCocoa-1.jpg?v=1668558932&amp;width=1800 1800w\" width=\"620\" height=\"620\" sizes=\"(min-width: 1536px) 660px, (min-width: 1280px) calc(50vw - 200px), (min-width: 1024px) calc(50vw - 170px), calc(100vw - 32px)\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\">\n<dialog-toggle modal-id='MediaGallery-template--16783548776530__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/Black-N-Brown-spoolie-macro-copy_2f400b12-aa2a-46f8-b844-cb7aaef1c096.jpg?v=1717614581&amp;width=1800\" alt=\"Spoolie brush end of the ColourPop Cool Cocoa Pencil brow pencil, black spiral bristles ready to groom and blend, attached to a sleek white tube, shown upright in a clean close-up on a white background.\" srcset=\"//colourpop.com/cdn/shop/files/Black-N-Brown-spoolie-macro-copy_2f400b12-aa2a-46f8-b844-cb7aaef1c096.jpg?v=1717614581&amp;width=400 400w, //colourpop.com/cdn/shop/files/Black-N-Brown-spoolie-macro-copy_2f400b12-aa2a-46f8-b844-cb7aaef1c096.jpg?v=1717614581&amp;width=600 600w, //colourpop.com/cdn/shop/files/Black-N-Brown-spoolie-macro-copy_2f400b12-aa2a-46f8-b844-cb7aaef1c096.jpg?v=1717614581&amp;width=800 800w, //colourpop.com/cdn/shop/files/Black-N-Brown-spoolie-macro-copy_2f400b12-aa2a-46f8-b844-cb7aaef1c096.jpg?v=1717614581&amp;width=1000 1000w, //colourpop.com/cdn/shop/files/Black-N-Brown-spoolie-macro-copy_2f400b12-aa2a-46f8-b844-cb7aaef1c096.jpg?v=1717614581&amp;width=1200 1200w, //colourpop.com/cdn/shop/files/Black-N-Brown-spoolie-macro-copy_2f400b12-aa2a-46f8-b844-cb7aaef1c096.jpg?v=1717614581&amp;width=1500 1500w, //colourpop.com/cdn/shop/files/Black-N-Brown-spoolie-macro-copy_2f400b12-aa2a-46f8-b844-cb7aaef1c096.jpg?v=1717614581&amp;width=1800 1800w\" width=\"620\" height=\"620\" loading=\"lazy\" sizes=\"(min-width: 1536px) 660px, (min-width: 1280px) calc(50vw - 200px), (min-width: 1024px) calc(50vw - 170px), calc(100vw - 32px)\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--16783548776530__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/1499430158418-Champagne-Blonde-Pencil-BrowPencil-ChampagneBlonde-3_0e36aaf5-c9d0-4274-a751-8a84ba72f10e.jpg?v=1717614598&amp;width=1800\" alt=\"ColourPop Cool Cocoa Pencil filling and shaping eyebrows - before and after close-up shows a sparse brow above a brown eye becoming fuller and more defined after application, demonstrating the brow pencil&#39;s natural, polished finish.\" srcset=\"//colourpop.com/cdn/shop/files/1499430158418-Champagne-Blonde-Pencil-BrowPencil-ChampagneBlonde-3_0e36aaf5-c9d0-4274-a751-8a84ba72f10e.jpg?v=1717614598&amp;width=400 400w, //colourpop.com/cdn/shop/files/1499430158418-Champagne-Blonde-Pencil-BrowPencil-ChampagneBlonde-3_0e36aaf5-c9d0-4274-a751-8a84ba72f10e.jpg?v=1717614598&amp;width=600 600w, //colourpop.com/cdn/shop/files/1499430158418-Champagne-Blonde-Pencil-BrowPencil-ChampagneBlonde-3_0e36aaf5-c9d0-4274-a751-8a84ba72f10e.jpg?v=1717614598&amp;width=800 800w, //colourpop.com/cdn/shop/files/1499430158418-Champagne-Blonde-Pencil-BrowPencil-ChampagneBlonde-3_0e36aaf5-c9d0-4274-a751-8a84ba72f10e.jpg?v=1717614598&amp;width=1000 1000w, //colourpop.com/cdn/shop/files/1499430158418-Champagne-Blonde-Pencil-BrowPencil-ChampagneBlonde-3_0e36aaf5-c9d0-4274-a751-8a84ba72f10e.jpg?v=1717614598&amp;width=1200 1200w, //colourpop.com/cdn/shop/files/1499430158418-Champagne-Blonde-Pencil-BrowPencil-ChampagneBlonde-3_0e36aaf5-c9d0-4274-a751-8a84ba72f10e.jpg?v=1717614598&amp;width=1500 1500w, //colourpop.com/cdn/shop/files/1499430158418-Champagne-Blonde-Pencil-BrowPencil-ChampagneBlonde-3_0e36aaf5-c9d0-4274-a751-8a84ba72f10e.jpg?v=1717614598&amp;width=1800 1800w\" width=\"620\" height=\"620\" loading=\"lazy\" sizes=\"(min-width: 1536px) 660px, (min-width: 1280px) calc(50vw - 200px), (min-width: 1024px) calc(50vw - 170px), calc(100vw - 32px)\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--16783548776530__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/CP_Brow_WhichBrowAreYou_Infographic_96d9e0e1-458a-4886-b12f-919f7aa1956f.jpg?v=1717614598&amp;width=1800\" alt=\"ColourPop Cool Cocoa Pencil brow pencil demonstrating results in a peach-toned infographic - brow pencil gives defined arches, pencil + gel natural, gel alone fluffy, and gel + wax contoured - illustrated brows guide shoppers to pick their finish.\" srcset=\"//colourpop.com/cdn/shop/files/CP_Brow_WhichBrowAreYou_Infographic_96d9e0e1-458a-4886-b12f-919f7aa1956f.jpg?v=1717614598&amp;width=400 400w, //colourpop.com/cdn/shop/files/CP_Brow_WhichBrowAreYou_Infographic_96d9e0e1-458a-4886-b12f-919f7aa1956f.jpg?v=1717614598&amp;width=600 600w, //colourpop.com/cdn/shop/files/CP_Brow_WhichBrowAreYou_Infographic_96d9e0e1-458a-4886-b12f-919f7aa1956f.jpg?v=1717614598&amp;width=800 800w, //colourpop.com/cdn/shop/files/CP_Brow_WhichBrowAreYou_Infographic_96d9e0e1-458a-4886-b12f-919f7aa1956f.jpg?v=1717614598&amp;width=1000 1000w, //colourpop.com/cdn/shop/files/CP_Brow_WhichBrowAreYou_Infographic_96d9e0e1-458a-4886-b12f-919f7aa1956f.jpg?v=1717614598&amp;width=1200 1200w, //colourpop.com/cdn/shop/files/CP_Brow_WhichBrowAreYou_Infographic_96d9e0e1-458a-4886-b12f-919f7aa1956f.jpg?v=1717614598&amp;width=1500 1500w, //colourpop.com/cdn/shop/files/CP_Brow_WhichBrowAreYou_Infographic_96d9e0e1-458a-4886-b12f-919f7aa1956f.jpg?v=1717614598&amp;width=1800 1800w\" width=\"620\" height=\"620\" loading=\"lazy\" sizes=\"(min-width: 1536px) 660px, (min-width: 1280px) calc(50vw - 200px), (min-width: 1024px) calc(50vw - 170px), calc(100vw - 32px)\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--16783548776530__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/BrowPencil-ModelB_A_515c2160-7cab-426f-bcb3-5532cc724775.jpg?v=1717614598&amp;width=1800\" alt=\"ColourPop Cool Cocoa Pencil brow pencil defining brows in a split-screen grid: left-before/right-after on two models, turning sparse arches into fuller, neatly shaped eyebrows with hairlike strokes in a cool cocoa brown, close-up eyes.\" srcset=\"//colourpop.com/cdn/shop/files/BrowPencil-ModelB_A_515c2160-7cab-426f-bcb3-5532cc724775.jpg?v=1717614598&amp;width=400 400w, //colourpop.com/cdn/shop/files/BrowPencil-ModelB_A_515c2160-7cab-426f-bcb3-5532cc724775.jpg?v=1717614598&amp;width=600 600w, //colourpop.com/cdn/shop/files/BrowPencil-ModelB_A_515c2160-7cab-426f-bcb3-5532cc724775.jpg?v=1717614598&amp;width=800 800w, //colourpop.com/cdn/shop/files/BrowPencil-ModelB_A_515c2160-7cab-426f-bcb3-5532cc724775.jpg?v=1717614598&amp;width=1000 1000w, //colourpop.com/cdn/shop/files/BrowPencil-ModelB_A_515c2160-7cab-426f-bcb3-5532cc724775.jpg?v=1717614598&amp;width=1200 1200w, //colourpop.com/cdn/shop/files/BrowPencil-ModelB_A_515c2160-7cab-426f-bcb3-5532cc724775.jpg?v=1717614598&amp;width=1500 1500w, //colourpop.com/cdn/shop/files/BrowPencil-ModelB_A_515c2160-7cab-426f-bcb3-5532cc724775.jpg?v=1717614598&amp;width=1800 1800w\" width=\"620\" height=\"620\" loading=\"lazy\" sizes=\"(min-width: 1536px) 660px, (min-width: 1280px) calc(50vw - 200px), (min-width: 1024px) calc(50vw - 170px), calc(100vw - 32px)\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--16783548776530__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/FF0F13EC-691D-45E9-B81A-AA3E73240735_eb3a6ed7-2a10-4087-b8e1-a89b5f2e827a.jpg?v=1717614593&amp;width=828\" alt=\"Cool Cocoa Pencil defining brows with precise, hair-like strokes; a fine-tip, dual-ended ColourPop brow pencil with spoolie shown in a three-panel layout comparing fluffy, natural, and defined brow looks.\" srcset=\"//colourpop.com/cdn/shop/files/FF0F13EC-691D-45E9-B81A-AA3E73240735_eb3a6ed7-2a10-4087-b8e1-a89b5f2e827a.jpg?v=1717614593&amp;width=400 400w, //colourpop.com/cdn/shop/files/FF0F13EC-691D-45E9-B81A-AA3E73240735_eb3a6ed7-2a10-4087-b8e1-a89b5f2e827a.jpg?v=1717614593&amp;width=600 600w, //colourpop.com/cdn/shop/files/FF0F13EC-691D-45E9-B81A-AA3E73240735_eb3a6ed7-2a10-4087-b8e1-a89b5f2e827a.jpg?v=1717614593&amp;width=800 800w, //colourpop.com/cdn/shop/files/FF0F13EC-691D-45E9-B81A-AA3E73240735_eb3a6ed7-2a10-4087-b8e1-a89b5f2e827a.jpg?v=1717614593&amp;width=828 828w\" width=\"620\" height=\"620\" loading=\"lazy\" sizes=\"(min-width: 1536px) 660px, (min-width: 1280px) calc(50vw - 200px), (min-width: 1024px) calc(50vw - 170px), calc(100vw - 32px)\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--16783548776530__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n        </swiper-container><div class='swiper-pagination'></div></swiper-with-media>\n    </div>\n  </div>\n</div>\n\n<section\n  id='ProductInfo-template--16783548776530__main'\n  class='grid grid-cols-1 gap-y-xs place-content-start product-info z-20 '\n>\n<div sub-section-id='badges' class='flex gap-2 empty:hidden '></div>\n<div  sub-section-id='title'>\n          <h1 class='break-words h2 lg:h3'>\n            Precision Brow Pencil\n          </h1><h2 class='p '>\n              Cool Cocoa Pencil\n            </h2></div><div id=\"shopify-block-AcVlUUDhnd2VKWlJzN__okendo_star_rating_aqzXFz\" class=\"shopify-block shopify-app-block\">\n\n\n\n\n    <div\n        data-oke-star-rating\n        data-oke-reviews-product-id=\"shopify-1499434287186\"\n    >\n        <div data-oke-reviews-version=\"0.107.1\" data-oke-container=\"\" class=\"okeReviews oke-sr\"><div class=\"\"><div class=\"oke-sr-rating\"> 4.6 </div><div class=\"oke-sr-stars\"><div class=\"oke-stars\"><!----><div class=\"oke-stars-background\"><svg height=\"11\" viewBox=\"0 0 103.54545454545455 14\" aria-hidden=\"true\" role=\"none\"><use x=\"0\" href=\"#oke-star-empty\"></use><use x=\"22.236363636363635\" href=\"#oke-star-empty\"></use><use x=\"44.47272727272727\" href=\"#oke-star-empty\"></use><use x=\"66.7090909090909\" href=\"#oke-star-empty\"></use><use x=\"88.94545454545454\" href=\"#oke-star-empty\"></use></svg></div><div class=\"oke-stars-foreground\" style=\"width: 94.36%;\"><svg height=\"11\" viewBox=\"0 0 103.54545454545455 14\" aria-hidden=\"true\" role=\"none\"><use x=\"0\" href=\"#oke-star-filled\"></use><use x=\"22.236363636363635\" href=\"#oke-star-filled\"></use><use x=\"44.47272727272727\" href=\"#oke-star-filled\"></use><use x=\"66.7090909090909\" href=\"#oke-star-filled\"></use><use x=\"88.94545454545454\" href=\"#oke-star-filled\"></use></svg></div><span class=\"oke-a11yText\">Rated 4.6 out of 5 stars</span></div></div><div class=\"oke-sr-count\"><span class=\"oke-sr-count-number\">3,043</span><span class=\"oke-sr-label-text\"> Reviews</span><!----></div><!----></div><script type=\"application/json\" data-oke-metafield-data=\"\"> {\"averageRating\":\"4.6\",\"reviewCount\":3043} </script></div>\n    </div>\n\n\n\n</div>\n\n\n\n\n\n\n  <div class='flex flex-col gap-5 my-4'>\n\n    \n\n\n    \n\n\n    \n\n    \n\n    \n\n    \n\n    \n\n    \n\n    \n\n    \n  </div>\n\n\n          \n\n<variant-picker\n    id='variant-selects-sibling_picker_3wX3bY'\n    class='grid grid-cols-1 gap-y-sm py-3'\n    sub-section-id='sibling_picker_3wX3bY'\n    \n      \n    \n  >\n    \n<p class='sibling-swatch-heading'>\n        <span class='sibling-swatch-heading__label'>Color:</span>\n        <span class='sibling-swatch-heading__value'>Cool Cocoa Pencil</span><span class='sibling-swatch-heading__description'>Light Brown</span></p><fieldset class='grid grid-cols-1 gap-sm'>\n      \n      \n        <div class='grid grid-cols-1 gap-xs'><div class='sibling-swatch-grid'>\n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='cool-cocoa-pencil'\n    name='sibling-picker'\n    value='cool-cocoa-pencil'\n    form=''\n    class='sr-only'\n    \n      checked\n    \n    \n    \n      data-product-url=\"/products/cool-cocoa-pencil\"\n  data-option-value-id=\"12970025713746\"\n  data-variant-id=\"12970025713746\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='cool-cocoa-pencil'\n    title='cool-cocoa-pencil'\n    class='sibling-swatch-label relative block'\n    tabindex='0'\n  >\n    \n\n    \n      <span class='sibling-swatch-box '><img\n            src='//colourpop.com/cdn/shop/products/1499434287186-Cool-Cocoa-Pencil-BrowPencil-CoolCocoa-1.jpg?v=1668558932&width=120'\n            srcset='//colourpop.com/cdn/shop/products/1499434287186-Cool-Cocoa-Pencil-BrowPencil-CoolCocoa-1.jpg?v=1668558932&width=60 60w, //colourpop.com/cdn/shop/products/1499434287186-Cool-Cocoa-Pencil-BrowPencil-CoolCocoa-1.jpg?v=1668558932&width=120 120w'\n            sizes='51px'\n            alt='ColourPop Cool Cocoa Pencil brow pencil extends its retractable tip, laying cool‑toned medium brown swatch strokes on a clean white background to showcase the shade payoff and smooth, creamy texture.'\n            width='51'\n            height='51'\n            loading='lazy'\n          ></span>\n    \n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/cool-cocoa-pencil?variant=12970025713746&sections=template--16783548776530__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='bangin-brunette-pencil'\n    name='sibling-picker'\n    value='bangin-brunette-pencil'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/bangin-brunette-pencil\"\n  data-option-value-id=\"22676069703\"\n  data-variant-id=\"22676069703\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='bangin-brunette-pencil'\n    title='bangin-brunette-pencil'\n    class='sibling-swatch-label relative block'\n    tabindex='0'\n  >\n    \n\n    \n      <span class='sibling-swatch-box '><img\n            src='//colourpop.com/cdn/shop/products/7141921351-Bangin_-Brunette-Pencil-BrowPencil-BangingBrunette-1.jpg?v=1668557006&width=120'\n            srcset='//colourpop.com/cdn/shop/products/7141921351-Bangin_-Brunette-Pencil-BrowPencil-BangingBrunette-1.jpg?v=1668557006&width=60 60w, //colourpop.com/cdn/shop/products/7141921351-Bangin_-Brunette-Pencil-BrowPencil-BangingBrunette-1.jpg?v=1668557006&width=120 120w'\n            sizes='51px'\n            alt='ColourPop Bangin&#39; Brunette Pencil brow pencil drawing rich brunette-brown swatch lines, showing a slim twist-up rectangular tip and white barrel on a white background for precise brow shaping and filling.'\n            width='51'\n            height='51'\n            loading='lazy'\n          ></span>\n    \n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/bangin-brunette-pencil?variant=22676069703&sections=template--16783548776530__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='black-n-brown-pencil'\n    name='sibling-picker'\n    value='black-n-brown-pencil'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/black-n-brown-pencil\"\n  data-option-value-id=\"22676184647\"\n  data-variant-id=\"22676184647\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='black-n-brown-pencil'\n    title='black-n-brown-pencil'\n    class='sibling-swatch-label relative block'\n    tabindex='0'\n  >\n    \n\n    \n      <span class='sibling-swatch-box '><img\n            src='//colourpop.com/cdn/shop/products/7141962439-Black-N_-Brown-Pencil-BrowPencil-BlackNBrown-1.jpg?v=1668557059&width=120'\n            srcset='//colourpop.com/cdn/shop/products/7141962439-Black-N_-Brown-Pencil-BrowPencil-BlackNBrown-1.jpg?v=1668557059&width=60 60w, //colourpop.com/cdn/shop/products/7141962439-Black-N_-Brown-Pencil-BrowPencil-BlackNBrown-1.jpg?v=1668557059&width=120 120w'\n            sizes='51px'\n            alt='ColourPop Black N&#39; Brown Pencil brow pencil stands upright with a retractable square tip, creating rich black-brown eyebrow swatches on a white backdrop, the white barrel and deep brown cap clearly shown.'\n            width='51'\n            height='51'\n            loading='lazy'\n          ></span>\n    \n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/black-n-brown-pencil?variant=22676184647&sections=template--16783548776530__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='champagne-blonde-pencil'\n    name='sibling-picker'\n    value='champagne-blonde-pencil'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/champagne-blonde-pencil\"\n  data-option-value-id=\"12969989537874\"\n  data-variant-id=\"12969989537874\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='champagne-blonde-pencil'\n    title='champagne-blonde-pencil'\n    class='sibling-swatch-label relative block'\n    tabindex='0'\n  >\n    \n\n    \n      <span class='sibling-swatch-box '><img\n            src='//colourpop.com/cdn/shop/products/1499430158418-Champagne-Blonde-Pencil-BrowPencil-ChampagneBlonde-1.jpg?v=1668558922&width=120'\n            srcset='//colourpop.com/cdn/shop/products/1499430158418-Champagne-Blonde-Pencil-BrowPencil-ChampagneBlonde-1.jpg?v=1668558922&width=60 60w, //colourpop.com/cdn/shop/products/1499430158418-Champagne-Blonde-Pencil-BrowPencil-ChampagneBlonde-1.jpg?v=1668558922&width=120 120w'\n            sizes='51px'\n            alt='ColourPop Champagne Blonde Pencil brow pencil twisting up to reveal a fine tip, drawing soft champagne-blonde swatches on a white background to showcase the creamy, smudge-resistant shade for shaping and filling light brows.'\n            width='51'\n            height='51'\n            loading='lazy'\n          ></span>\n    \n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/champagne-blonde-pencil?variant=12969989537874&sections=template--16783548776530__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='dope-taupe-pencil'\n    name='sibling-picker'\n    value='dope-taupe-pencil'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/dope-taupe-pencil\"\n  data-option-value-id=\"22676583943\"\n  data-variant-id=\"22676583943\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='dope-taupe-pencil'\n    title='dope-taupe-pencil'\n    class='sibling-swatch-label relative block'\n    tabindex='0'\n  >\n    \n\n    \n      <span class='sibling-swatch-box '><img\n            src='//colourpop.com/cdn/shop/products/7142098311-Dope-Taupe-Pencil-BrowPencil-DopeTaupe-1.jpg?v=1668557182&width=120'\n            srcset='//colourpop.com/cdn/shop/products/7142098311-Dope-Taupe-Pencil-BrowPencil-DopeTaupe-1.jpg?v=1668557182&width=60 60w, //colourpop.com/cdn/shop/products/7142098311-Dope-Taupe-Pencil-BrowPencil-DopeTaupe-1.jpg?v=1668557182&width=120 120w'\n            sizes='51px'\n            alt='ColourPop Dope Taupe Pencil brow pencil depositing soft taupe pigment with a twist-up tip, shown with zigzag swatches on a white background for precise, natural eyebrow definition.'\n            width='51'\n            height='51'\n            loading='lazy'\n          ></span>\n    \n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/dope-taupe-pencil?variant=22676583943&sections=template--16783548776530__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n          </div>\n        </div>\n      \n    </fieldset>\n\n    \n<script type='application/json' data-selected-variant>\n      {\"id\":12970025713746,\"title\":\"Default Title\",\"option1\":\"Default Title\",\"option2\":null,\"option3\":null,\"sku\":\"BrowPencil-CoolCocoa\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":null,\"available\":true,\"name\":\"Cool Cocoa Pencil\",\"public_title\":null,\"options\":[\"Default Title\"],\"price\":900,\"weight\":10,\"compare_at_price\":0,\"inventory_quantity\":1184,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"FG002716\",\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}}\n    </script>\n  </variant-picker>\n\n\n        \n\n\n<div class='grid grid-cols-1 gap-xs mt-2xs' sub-section-id='buy_buttons'>\n          \n\n\n\n\n\n<div  id='buy-buttons' sub-section-id='buy-buttons' class='group/buy-buttons'>\n<product-form\n        class='group/product-form'\n        \n      >\n        <div class='product-form__error-message-wrapper' role='alert' hidden>\n<svg-icon\n  src='icon-error'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class='product-form__error-message'></span>\n        </div><form method=\"post\" action=\"/cart/add\" id=\"product-form-template--16783548776530__main\" accept-charset=\"UTF-8\" class=\"group-[.loading]/product-form:pointer-events-none\" enctype=\"multipart/form-data\" novalidate=\"novalidate\" data-type=\"add-to-cart-form\"><input type=\"hidden\" name=\"form_type\" value=\"product\" /><input type=\"hidden\" name=\"utf8\" value=\"✓\" /><input\n            type='hidden'\n            name='id'\n            class='hidden'\n            value='12970025713746'\n            \n          ><div class='grid grid-cols-1 gap-y-xs min-h-12'>\n<div class='z-3 drop-shadow flex group-[.sticky-atc]/buy-buttons:flex-col group-[.sticky-atc]/buy-buttons:md:flex-row items-center justify-between group-[.sticky-atc]/buy-buttons:z-60 group-[.sticky-atc]/buy-buttons:fixed bottom-0 left-0 w-full group-[.sticky-atc]/buy-buttons:bg-p-lightest group-[.sticky-atc]/buy-buttons:p-4 group-[.sticky-atc]/buy-buttons:sm:px-pagemargin group-[.sticky-atc]/buy_buttons:!h-[30px]'><p class='sticky-atc-title hidden group-[.sticky-atc]/buy-buttons:block lg:mb-0 mb-2'>\n                <strong>Cool Cocoa Pencil</strong>\n              </p>\n\n              \n\n              <div class='flex sticky-atc-actions  items-center group-[.sticky-atc]/buy-buttons:justify-center group-[.sticky-atc]/buy-buttons:md:justify-start gap-xs lg:gap-sm w-full group-[.sticky-atc]/buy-buttons:md:w-auto'>\n<div\n  id='Quantity-Form-template--16783548776530__main'\n  class='grid grid-cols-1 gap-y-xs'\n  sub-section-id='buy_buttons'\n  \n>\n  \n  <div class='grid gap-y-2xs'>\n\n\n<quantity-input\n  class='grid grid-cols-[20px_15px_20px] sm:grid-cols-[35px_25px_35px] border-solid border border-t-p-darkest rounded-[40px] max-w-fit h-[30px] lg:h-10 z-10 '\n  style='grid-template-columns: 35px 25px 35px;'\n  variant-id='12970025713746'\n  cart-quantity='0'\n  min='1'\n  value='1'\n  \n  \n\n  \n>\n  <button\n    class='inline-flex items-center justify-end text-[10px] disabled:opacity-50 disabled:pointer-events-none caption'\n    name='minus'\n    type='button'\n    \n      disabled\n    \n    id='product-form-template--16783548776530__main-quantity__decrement'\n  >\n    <span class='sr-only'>Decrease quantity for Cool Cocoa Pencil</span>\n    <span class='caption font-bold text-[16px]'>-</span>\n  </button>\n  <input\n    class='text-center remove-arrow font-bold caption focus:outline-none bg-[transparent] '\n    type='number'\n    name='quantity'\n    value='1'\n    inputmode='numeric'\n    min='1'\n    max='1184'\n    step='1'\n    aria-label='Quantity for Cool Cocoa Pencil'\n    id='product-form-template--16783548776530__main-quantity'\n\n    \n      form='product-form-template--16783548776530__main'\n    \n  >\n  <button\n    class='inline-flex items-center justify-center text-utility disabled:opacity-50 disabled:pointer-events-none'\n    name='plus'\n    type='button'\n    id='product-form-template--16783548776530__main-quantity__increment'\n    \n  >\n    <span class='sr-only'>Increase quantity for Cool Cocoa Pencil</span>\n    <span class='caption font-bold text-[16px]'>+</span>\n  </button>\n</quantity-input>\n</div>\n  \n  \n</div>\n\n\n                <button\n                  id='ProductSubmitButton-template--16783548776530__main--1499434287186'\n                  type='submit'\n                  name='add'\n                  variant='primary'\n                  class='\n                    btn\n                    product-submit-btn\n                    group-[.sticky-atc]/buy-buttons:grow group-[.sticky-atc]/buy-buttons:md:grow-0\n                    leading-normal\n                    max-w-fit group-[.sticky-atc]/buy-buttons:!max-w-full\n                  '\n                  \n                >\n                  <span\n                    \n                      class='px-6'\n                    \n                  >add to bag\n\n<div\n    class='\n      inline-flex gap-x-xs justify-start items-center group/price font-bold\n'\n    \n  >\n    <div class='inline-flex gap-x-2xs'><div class='group-[.on-sale]/price:hidden'><span class='sr-only'>Regular price</span>\n          <span class='font-bold font-bold'>\n            $9.00\n          </span></div>\n      <div class='hidden group-[.on-sale]/price:block'>\n        <span class='sr-only'>Sale price</span>\n        <span class='font-bold text-t-foreground lowercase font-bold hidden'>\n          free gift\n        </span>\n        <span class='font-bold text-t-foreground font-bold'>\n          $9.00\n        </span><span>\n            <s class='line-through text-[inherit] font-bold'>\n              $0.00\n            </s>\n          </span></div>\n      <small class='caption hidden'>\n        <span class='sr-only'>Unit price</span>\n        <span class='font-bold'>\n          <span></span>\n          <span aria-hidden='true'>/</span>\n          <span class='sr-only'>&nbsp;per&nbsp;</span>\n          <span>\n          </span>\n        </span>\n      </small>\n    </div>\n  </div>\n\n</span>\n                </button>\n                \n                    <script id='attn-waitlist-eligibility' type='application/json'>\n  {\"12970025713746\":false}\n</script>\n<div id='attn-waitlist-trigger'></div>\n\n                \n              </div>\n            </div></div><input type=\"hidden\" name=\"product-id\" value=\"1499434287186\" /><input type=\"hidden\" name=\"section-id\" value=\"template--16783548776530__main\" /></form></product-form>\n</div>\n\n<style>\n  .shopify-payment-button__more-options[aria-hidden='true'] {\n    display: none;\n  }\n  \n  #buy-buttons.sticky-atc quantity-input input,\n  #buy-buttons.sticky-atc quantity-input button,\n  #buy-buttons.sticky-atc quantity-input button span {\n    font-size: 14px !important;\n  }\n\n  #buy-buttons.sticky-atc .buy-buttons-cta {\n    justify-content: center;\n  }\n\n  #buy-buttons.sticky-atc .buy-buttons-cta .btn {\n    flex-grow: 0;\n  }\n\n  @media (min-width: 768px) {\n    #buy-buttons.sticky-atc .buy-buttons-cta {\n      justify-content: flex-start;\n    }\n  }\n  @media (max-width: 1024px) {\n    #buy-buttons .product-submit-btn {\n      height: 36px !important;\n    }\n    #buy-buttons .product-submit-btn span {\n      font-size: 14px;\n    }\n  }\n\n  .sticky-atc-variant {\n    display: none;\n  }\n\n  /* Mobile sticky add to cart: shade dropdown on top, quantity + add to bag below */\n  @media (max-width: 767.98px) {\n    #buy-buttons.sticky-atc .sticky-atc-bar {\n      gap: 10px;\n      padding: 12px 16px calc(12px + env(safe-area-inset-bottom));\n      background-color: #fff;\n    }\n\n    #buy-buttons.sticky-atc .sticky-atc-title {\n      display: none;\n    }\n\n    #buy-buttons.sticky-atc .sticky-atc-variant {\n      display: block;\n      width: 100%;\n    }\n\n    .sticky-atc-variant__pill {\n      position: relative;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      height: 40px;\n      padding: 0 14px 0 14px;\n      border: 1px solid #000;\n      border-radius: 9999px;\n      background-color: #fff;\n      color: #000;\n    }\n\n    .sticky-atc-variant__pill--static {\n      padding-right: 14px;\n    }\n\n    .sticky-atc-variant__pill:focus-within {\n      outline: 2px solid #000;\n      outline-offset: 2px;\n    }\n\n    .sticky-atc-variant__image {\n      flex-shrink: 0;\n      width: 28px;\n      height: 28px;\n      border-radius: 0;\n      object-fit: cover;\n    }\n\n    .sticky-atc-variant__label {\n      flex: 1 1 auto;\n      min-width: 0;\n      overflow: hidden;\n      font-size: 14px;\n      line-height: 1.2;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .sticky-atc-variant__chevron {\n      flex-shrink: 0;\n    }\n\n    /* Native select sits invisibly over the pill so taps open the OS picker */\n    .sticky-atc-variant__select {\n      position: absolute;\n      inset: 0;\n      width: 100%;\n      height: 100%;\n      opacity: 0;\n      cursor: pointer;\n      font-size: 16px;\n      appearance: none;\n    }\n\n    #buy-buttons.sticky-atc .sticky-atc-actions {\n      gap: 8px;\n      width: 100%;\n    }\n\n    /* Keep the quantity wrapper at its natural width so the button can't overlap it */\n    #buy-buttons.sticky-atc .sticky-atc-actions > [id^='Quantity-Form'] {\n      flex: 0 0 auto;\n    }\n\n    #buy-buttons.sticky-atc quantity-input {\n      flex-shrink: 0;\n      grid-template-columns: 34px 28px 34px;\n      height: 40px;\n      max-width: none;\n    }\n\n    #buy-buttons.sticky-atc quantity-input input,\n    #buy-buttons.sticky-atc quantity-input button .caption {\n      font-size: 14px !important;\n    }\n\n    #buy-buttons.sticky-atc .sticky-atc-actions .btn {\n      flex: 1 1 0%;\n      width: auto;\n      min-width: 0 !important;\n      margin-left: 0;\n      height: 40px !important;\n      max-width: none !important;\n      border-radius: 9999px;\n      font-size: 13px !important;\n    }\n  }\n</style>\n\n\n\n          \n            \n          \n        </div><klarna-placement\n          class='klarna__pdp'\n          data-key='credit-promotion-auto-size'\n          data-locale='en-US'\n          data-purchase-amount='900'\n        ></klarna-placement><div class='columns-1 lg:columns-2 text-body ' sub-section-id='claims_8UQ8Am'><p ><p><span class=\"metafield-multi_line_text_field\">🌱 Vegan <br />\n🐰 Cruelty-free <br />\n🍦 Super creamy<br />\n〰️ Transfer-proof<br />\n🌊 Waterproof<br />\n💌 Long-lasting<br />\n</span></p></p></div><div id=\"shopify-block-AL1NnZXNWQUxiYzBud__tolstoy_shoppable_video_ugc_stories_block_RH3tz6\" class=\"shopify-block shopify-app-block\"><tolstoy-stories\nclass=\"tolstoy-stories\"\ndata-tags=\"#.collection:2023labordaysitewidesale,#.collection:20MUEssentls,#.collection:promoproducts,#.collection:TemptaliaPromo,#.excluded:722SW,#.hidden:false,#.hidden:recommendations,#.promo.30offsitewide,#.promo:2025endofseasonsale,#.promo:2brow410,#.promo:2for10brow,#.promo:2for10brows,#.promo:SinglesDay30,#.promo:singlesdaybogo2024,#.promo:treat,#.shipping:china,#rmb.glosku:76,092018,brow pencil,brows,category:Eyes,cocoa,color:Brown,color:Dark Brown,Cool Cocoa,dy_keywords:brow|brows|eyebrow|eyebrows,event:Brow Re-launch 2018,eyes,finish:None,glosku:30offbrows,glosku:nationalday30,glosku:nationalday40,glosku:school30,Glosku:Singles11,MDW30,mvp.precision-brow-pencil,Online Exclusive,productline:ColourPop,producttype:Brow Precision Pencil,SKULifecycle:Permanent,subcategory:Eye Brow,Top 300,unitnumber:1,unittype:single,vegan,\"\ndata-publish-id=\"g1w7hu6osho9x\"\ndata-product-id=\"1499434287186\">\n</tolstoy-stories>\n\n\n</div>\n\n<div class='accordion'  sub-section-id='description'>\n\n<div id='Details-description-template--16783548776530__main' class='group'>\n  <label\n    class='list-none block py-xs border-b-[currentColor] border-b cursor-pointer '\n    for='accordion-checkbox-description-template--16783548776530__main'\n  >\n    <input\n      aria-controls='accordion-content-description-template--16783548776530__main'\n      aria-labelled='Toggle product details accordion'\n      class='sr-only peer accordion-content-trigger'\n      type='checkbox'\n      id='accordion-checkbox-description-template--16783548776530__main'\n      name='accordion-input--description-template-16783548776530__main\n'\n      \n        checked\n      \n    >\n    <div class='flex items-center justify-between w-full peer-focus-visible:ring-1 ring-u-focus'>\n      <h3\n        class='text-body font-bold '\n        id='accordion-title-description-template--16783548776530__main'\n      >\n        product details\n      </h3>\n<svg-icon\n  src='icon-plus'\n  class='group-has-[:checked]:rotate-45 duration-300 transition-transform'\n\n  \n    style='--icon-size: 10px;'\n  \n\n  \n  \n></svg-icon>\n</div>\n  </label>\n  \n  \n  <div\n    class='rte group-has-[:checked]:grid-rows-[1fr] group-has-[:checked]:visible grid-rows-[0fr] transition-[visiblity,grid-template-rows] duration-300 grid invisible'\n    id='accordion-content-description-template--16783548776530__main'\n    role='region'\n    aria-labelledby='accordion-title-description-template--16783548776530__main'\n  >\n    <div class='overflow-hidden'>\n      <div class='pt-xs p '>\n        <p><em>Rich. Deep. Defined.</em> Cool Cocoa delivers a lush, deep brown that gives your brows serious dimension and presence. Our creamy, ultra-fine tip makes filling and shaping effortless — realistic hair-like strokes, sculpted arches, precisely defined. Waterproof. Transfer-proof. Long-wearing intensity that won't quit. Net Weight 0.09g (0.003oz)</p>\n      </div>\n    </div>\n  </div>\n</div>\n\n          </div><div class='accordion' sub-section-id='collapsible-row-0' >\n\n<div id='Details-collapsible-row-0-template--16783548776530__main' class='group'>\n  <label\n    class='list-none block py-xs border-b-[currentColor] border-b cursor-pointer '\n    for='accordion-checkbox-collapsible-row-0-template--16783548776530__main'\n  >\n    <input\n      aria-controls='accordion-content-collapsible-row-0-template--16783548776530__main'\n      aria-labelled='Toggle ingredients accordion'\n      class='sr-only peer accordion-content-trigger'\n      type='checkbox'\n      id='accordion-checkbox-collapsible-row-0-template--16783548776530__main'\n      name='accordion-input--collapsible-row-0-template-16783548776530__main\n'\n      \n    >\n    <div class='flex items-center justify-between w-full peer-focus-visible:ring-1 ring-u-focus'>\n      <h3\n        class='text-body font-bold '\n        id='accordion-title-collapsible-row-0-template--16783548776530__main'\n      >\n        ingredients\n      </h3>\n<svg-icon\n  src='icon-plus'\n  class='group-has-[:checked]:rotate-45 duration-300 transition-transform'\n\n  \n    style='--icon-size: 10px;'\n  \n\n  \n  \n></svg-icon>\n</div>\n  </label>\n  \n  \n  <div\n    class='rte group-has-[:checked]:grid-rows-[1fr] group-has-[:checked]:visible grid-rows-[0fr] transition-[visiblity,grid-template-rows] duration-300 grid invisible'\n    id='accordion-content-collapsible-row-0-template--16783548776530__main'\n    role='region'\n    aria-labelledby='accordion-title-collapsible-row-0-template--16783548776530__main'\n  >\n    <div class='overflow-hidden'>\n      <div class='pt-xs p '>\n        <p><span class=\"metafield-multi_line_text_field\"> Ethylhexyl Stearate, Polyethylene, Isoeicosane, Silica, Synthetic Beeswax, Tocopherol, Iron Oxides (CI 77491, CI 77492, CI 77499), Manganese Violet (CI 77742), Titanium Dioxide (CI 77891). </span></p>\n          \n\n      </div>\n    </div>\n  </div>\n</div>\n\n          </div>\n\n\n\n<div class='accordion' sub-section-id='collapsible-row-1' >\n\n<div id='Details-collapsible-row-1-template--16783548776530__main' class='group'>\n  <label\n    class='list-none block py-xs border-b-[currentColor] border-b cursor-pointer '\n    for='accordion-checkbox-collapsible-row-1-template--16783548776530__main'\n  >\n    <input\n      aria-controls='accordion-content-collapsible-row-1-template--16783548776530__main'\n      aria-labelled='Toggle how to use accordion'\n      class='sr-only peer accordion-content-trigger'\n      type='checkbox'\n      id='accordion-checkbox-collapsible-row-1-template--16783548776530__main'\n      name='accordion-input--collapsible-row-1-template-16783548776530__main\n'\n      \n    >\n    <div class='flex items-center justify-between w-full peer-focus-visible:ring-1 ring-u-focus'>\n      <h3\n        class='text-body font-bold '\n        id='accordion-title-collapsible-row-1-template--16783548776530__main'\n      >\n        how to use\n      </h3>\n<svg-icon\n  src='icon-plus'\n  class='group-has-[:checked]:rotate-45 duration-300 transition-transform'\n\n  \n    style='--icon-size: 10px;'\n  \n\n  \n  \n></svg-icon>\n</div>\n  </label>\n  \n  \n  <div\n    class='rte group-has-[:checked]:grid-rows-[1fr] group-has-[:checked]:visible grid-rows-[0fr] transition-[visiblity,grid-template-rows] duration-300 grid invisible'\n    id='accordion-content-collapsible-row-1-template--16783548776530__main'\n    role='region'\n    aria-labelledby='accordion-title-collapsible-row-1-template--16783548776530__main'\n  >\n    <div class='overflow-hidden'>\n      <div class='pt-xs p '>\n        <p><span class=\"metafield-multi_line_text_field\">To create hair-like strokes, angle the pencil and use the side of the pencil tip with light flick motions. For more coverage, use the flat face side of the pencil and trace product through the arch and upper brow line<br />\n<br />\nBlend out colour with the attached spoolie.<br />\n<br />\nFor definition and hold, apply Brow Gel.<br />\n<br />\nRemember, this pencil isn’t retractable!</span></p>\n          \n\n      </div>\n    </div>\n  </div>\n</div>\n\n          </div>\n\n\n\n\n\n</section>\n\n  </main-product>\n\n\n\n\n\n</section>"}