{"template--16300830097490__main":"<section id=\"shopify-section-template--16300830097490__main\" class=\"shopify-section\"><!-- ##entry##core-main-product##endentry## -->\n\n<script>\n  ;(() => {\n    const params = new Proxy(new URLSearchParams(window.location.search), {\n      get: (searchParams, prop) => searchParams.get(prop),\n    })\n    if (params.serp == '1') {\n      //console.log('serpclick true')\n      setTimeout(() => {\n        nostojs((api) => {\n          api.recordSearchClick('serp', {\n            productId: '2371006857298',\n            url: 'https://colourpop.com/products/purple-prose',\n          })\n        })\n      }, 5000)\n    } else if (params.autocomplete == '1') {\n      setTimeout(() => {\n        nostojs((api) => {\n          api.recordSearchClick('autocomplete', {\n            productId: '2371006857298',\n            url: 'https://colourpop.com/products/purple-prose',\n          })\n        })\n        //console.log('autocompleteclick true')\n      }, 5000)\n    } else if (params.category == '1') {\n      setTimeout(() => {\n        nostojs((api) => {\n          api.recordSearchClick('category', {\n            productId: '2371006857298',\n            url: 'https://colourpop.com/products/purple-prose',\n          })\n        })\n        //console.log('categoryclick true')\n      }, 5000)\n    }\n  })()\n</script>\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/purple-prose'\n    variant-id='21294947532882'\n    section-id='template--16300830097490__main'\n    id='template--16300830097490__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/mascara'>\n            Mascara\n          </a>\n        </li><li class='inline text-caption'>\n        <a class='pointer-events-none text-caption' href='/products/purple-prose' aria-current='page'>Purple Prose</a>\n      </li></ol>\n</nav>\n</div>\n\n\n\n\n\n<div\n  id='MediaGallery-template--16300830097490__main'\n  role='region'\n  sub-section-id='MediaGallery-template--16300830097490__main'\n  aria-label='Gallery Viewer'\n  \n>\n  \n\n<modal-dialog\n    cloak\n    type='modal'\n    id='MediaGallery-template--16300830097490__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--16300830097490__main-thumbs-swiper-zoom'\n          controller-control='#MediaGallery-template--16300830097490__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/files/Purple-Prose-BFF-Mascara-With-Cap2.jpg?v=1725198708&amp;width=90\" alt=\"Purple Prose ColourPop BFF Mascara shown open, wand coated in rich violet sweeping across a bold swatch, beside a lavender volumizing tube and a cap with hearts, stars, and smiley icons on a white background.\" srcset=\"//colourpop.com/cdn/shop/files/Purple-Prose-BFF-Mascara-With-Cap2.jpg?v=1725198708&amp;width=40 40w, //colourpop.com/cdn/shop/files/Purple-Prose-BFF-Mascara-With-Cap2.jpg?v=1725198708&amp;width=60 60w, //colourpop.com/cdn/shop/files/Purple-Prose-BFF-Mascara-With-Cap2.jpg?v=1725198708&amp;width=80 80w, //colourpop.com/cdn/shop/files/Purple-Prose-BFF-Mascara-With-Cap2.jpg?v=1725198708&amp;width=90 90w\" width=\"90\" height=\"2400.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></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/BFF_PurpleProse_1080.jpg?v=1722540169&amp;width=90\" alt=\"Brown eye showcasing lashes coated in ColourPop BFF Mascara, shade Purple Prose, lengthening and defining with bold violet color while the lower lash line is lightly painted in purple, captured in an extreme close-up with natural brow and skin texture.\" srcset=\"//colourpop.com/cdn/shop/files/BFF_PurpleProse_1080.jpg?v=1722540169&amp;width=40 40w, //colourpop.com/cdn/shop/files/BFF_PurpleProse_1080.jpg?v=1722540169&amp;width=60 60w, //colourpop.com/cdn/shop/files/BFF_PurpleProse_1080.jpg?v=1722540169&amp;width=80 80w, //colourpop.com/cdn/shop/files/BFF_PurpleProse_1080.jpg?v=1722540169&amp;width=90 90w\" width=\"90\" height=\"2400.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></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/BFF_PURPLE_LOOK_1284.jpg?v=1725240056&amp;width=90\" alt=\"Lashes coated in ColourPop BFF Mascara in Purple Prose, fanning upward with bold purple pigment on upper and lower lashes, paired with lilac eyeshadow and glossy nude lips on a smiling model in a close-up against a pastel lavender background.\" srcset=\"//colourpop.com/cdn/shop/files/BFF_PURPLE_LOOK_1284.jpg?v=1725240056&amp;width=40 40w, //colourpop.com/cdn/shop/files/BFF_PURPLE_LOOK_1284.jpg?v=1725240056&amp;width=60 60w, //colourpop.com/cdn/shop/files/BFF_PURPLE_LOOK_1284.jpg?v=1725240056&amp;width=80 80w, //colourpop.com/cdn/shop/files/BFF_PURPLE_LOOK_1284.jpg?v=1725240056&amp;width=90 90w\" width=\"90\" height=\"2400.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></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/BFF-Mascara_Infographic.jpg?v=1725238426&amp;width=90\" alt=\"ColourPop BFF Mascara wands in multiple bold shades lined up on a lavender background with hearts and stars, highlighting the Brownie Points brown mascara as a cruelty-free volumizing Colourpop mascara option for everyday wear.\" srcset=\"//colourpop.com/cdn/shop/files/BFF-Mascara_Infographic.jpg?v=1725238426&amp;width=40 40w, //colourpop.com/cdn/shop/files/BFF-Mascara_Infographic.jpg?v=1725238426&amp;width=60 60w, //colourpop.com/cdn/shop/files/BFF-Mascara_Infographic.jpg?v=1725238426&amp;width=80 80w, //colourpop.com/cdn/shop/files/BFF-Mascara_Infographic.jpg?v=1725238426&amp;width=90 90w\" width=\"90\" height=\"2400.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></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/Bundle-SlaysoftheWeek-Swatches.jpg?v=1725238758&amp;width=90\" alt=\"ColourPop BFF Mascara Purple Prose swatch showing a smooth, wavy pastel purple mascara stroke, centered in a grid alongside labeled shades Blue Ya Mind, Left on Red, Wine O’Clock, Brownie Points, Pink Inc., and Black on Black.\" srcset=\"//colourpop.com/cdn/shop/files/Bundle-SlaysoftheWeek-Swatches.jpg?v=1725238758&amp;width=40 40w, //colourpop.com/cdn/shop/files/Bundle-SlaysoftheWeek-Swatches.jpg?v=1725238758&amp;width=60 60w, //colourpop.com/cdn/shop/files/Bundle-SlaysoftheWeek-Swatches.jpg?v=1725238758&amp;width=80 80w, //colourpop.com/cdn/shop/files/Bundle-SlaysoftheWeek-Swatches.jpg?v=1725238758&amp;width=90 90w\" width=\"90\" height=\"2400.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></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/5C870BEF-0295-473D-BC3C-3EEE70BAD1BC_1_105_c.jpg?v=1725239574&amp;width=90\" alt=\"ColourPop BFF Mascara in Swell Season, a bold cobalt blue, shows the tube and open wand with twisted nylon fiber brush depositing vibrant, volumizing pigment against a blue swatch backdrop for dramatic lashes.\" srcset=\"//colourpop.com/cdn/shop/files/5C870BEF-0295-473D-BC3C-3EEE70BAD1BC_1_105_c.jpg?v=1725239574&amp;width=40 40w, //colourpop.com/cdn/shop/files/5C870BEF-0295-473D-BC3C-3EEE70BAD1BC_1_105_c.jpg?v=1725239574&amp;width=60 60w, //colourpop.com/cdn/shop/files/5C870BEF-0295-473D-BC3C-3EEE70BAD1BC_1_105_c.jpg?v=1725239574&amp;width=80 80w, //colourpop.com/cdn/shop/files/5C870BEF-0295-473D-BC3C-3EEE70BAD1BC_1_105_c.jpg?v=1725239574&amp;width=90 90w\" width=\"90\" height=\"886.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></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/preview_images/7b5ff40b93e443a28078699484867857.thumbnail.0000000000.jpg?v=1726066898&amp;width=90\" alt=\"\" srcset=\"//colourpop.com/cdn/shop/files/preview_images/7b5ff40b93e443a28078699484867857.thumbnail.0000000000.jpg?v=1726066898&amp;width=40 40w, //colourpop.com/cdn/shop/files/preview_images/7b5ff40b93e443a28078699484867857.thumbnail.0000000000.jpg?v=1726066898&amp;width=60 60w, //colourpop.com/cdn/shop/files/preview_images/7b5ff40b93e443a28078699484867857.thumbnail.0000000000.jpg?v=1726066898&amp;width=80 80w, //colourpop.com/cdn/shop/files/preview_images/7b5ff40b93e443a28078699484867857.thumbnail.0000000000.jpg?v=1726066898&amp;width=90 90w\" width=\"90\" height=\"1080.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></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--16300830097490__main-thumbs-swiper-zoom'\n          auto-scroll-offset='true'\n          navigation='true'\n          slides-per-view='1'\n          id='MediaGallery-template--16300830097490__main-main-swiper-zoom'\n          pagination='true'\n        >\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<img src=\"//colourpop.com/cdn/shop/files/Purple-Prose-BFF-Mascara-With-Cap2.jpg?v=1725198708&amp;width=600\" alt=\"Purple Prose ColourPop BFF Mascara shown open, wand coated in rich violet sweeping across a bold swatch, beside a lavender volumizing tube and a cap with hearts, stars, and smiley icons on a white background.\" width=\"600\" height=\"2400.0\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"><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/BFF_PurpleProse_1080.jpg?v=1722540169&amp;width=600\" alt=\"Brown eye showcasing lashes coated in ColourPop BFF Mascara, shade Purple Prose, lengthening and defining with bold violet color while the lower lash line is lightly painted in purple, captured in an extreme close-up with natural brow and skin texture.\" width=\"600\" height=\"2400.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"><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/BFF_PURPLE_LOOK_1284.jpg?v=1725240056&amp;width=600\" alt=\"Lashes coated in ColourPop BFF Mascara in Purple Prose, fanning upward with bold purple pigment on upper and lower lashes, paired with lilac eyeshadow and glossy nude lips on a smiling model in a close-up against a pastel lavender background.\" width=\"600\" height=\"2400.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"><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/BFF-Mascara_Infographic.jpg?v=1725238426&amp;width=600\" alt=\"ColourPop BFF Mascara wands in multiple bold shades lined up on a lavender background with hearts and stars, highlighting the Brownie Points brown mascara as a cruelty-free volumizing Colourpop mascara option for everyday wear.\" width=\"600\" height=\"2400.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"><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/Bundle-SlaysoftheWeek-Swatches.jpg?v=1725238758&amp;width=600\" alt=\"ColourPop BFF Mascara Purple Prose swatch showing a smooth, wavy pastel purple mascara stroke, centered in a grid alongside labeled shades Blue Ya Mind, Left on Red, Wine O’Clock, Brownie Points, Pink Inc., and Black on Black.\" width=\"600\" height=\"2400.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"><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/5C870BEF-0295-473D-BC3C-3EEE70BAD1BC_1_105_c.jpg?v=1725239574&amp;width=600\" alt=\"ColourPop BFF Mascara in Swell Season, a bold cobalt blue, shows the tube and open wand with twisted nylon fiber brush depositing vibrant, volumizing pigment against a blue swatch backdrop for dramatic lashes.\" width=\"600\" height=\"886.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"><div class='swiper-lazy-preloader'></div></swiper-slide>\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<!-- ##entry##core-inline-media##endentry## -->\n<inline-media\n    class='size-full group'\n  >\n    <div\n      aria-label=''\n      class='absolute inset-0 w-full h-full flex justify-end items-end z-10'\n    >\n<img src=\"//colourpop.com/cdn/shop/files/preview_images/7b5ff40b93e443a28078699484867857.thumbnail.0000000000.jpg?v=1726066898&amp;width=1440\" alt=\"\" srcset=\"//colourpop.com/cdn/shop/files/preview_images/7b5ff40b93e443a28078699484867857.thumbnail.0000000000.jpg?v=1726066898&amp;width=352 352w, //colourpop.com/cdn/shop/files/preview_images/7b5ff40b93e443a28078699484867857.thumbnail.0000000000.jpg?v=1726066898&amp;width=832 832w, //colourpop.com/cdn/shop/files/preview_images/7b5ff40b93e443a28078699484867857.thumbnail.0000000000.jpg?v=1726066898&amp;width=1200 1200w, //colourpop.com/cdn/shop/files/preview_images/7b5ff40b93e443a28078699484867857.thumbnail.0000000000.jpg?v=1726066898&amp;width=1440 1440w\" width=\"1440\" height=\"0.0\" loading=\"lazy\" sizes=\"50vw\" class=\"w-full block absolute inset-0 w-full h-full group-[[playing=&quot;true&quot;]]:opacity-0 transition-opacity duration-300 pointer-events-none object-cover\" fetchpriority=\"auto\" format=\"pjpg\"></div>\n\n    \n      <div class='flex items-center gap-xs p-sm absolute transform-gpu bottom-0 w-full z-20'>\n        \n          <div class='flex-1 flex justify-start'>\n            <button\n              type='button'\n              play-toggle\n              class='inset-0 size-6 flex items-center justify-center cursor-pointer text-p-lightest border-2 rounded-full border-p-lightest bg-[transparent] drop-shadow bottom-sm left-sm right-auto top-auto m-xs'\n            >\n<svg-icon\n  src='icon-play'\n  class='group-[[playing=\"true\"]]:hidden'\n\n  \n    style='--icon-size: 12px;'\n  \n\n  \n  \n></svg-icon>\n\n<svg-icon\n  src='icon-pause'\n  class='group-[[playing=\"false\"]]:hidden'\n\n  \n    style='--icon-size: 12px;'\n  \n\n  \n  \n></svg-icon>\n</button>\n          </div>\n        \n<div class='flex-1 flex justify-end'>\n            <button\n              type='button'\n              volume-toggle\n              class='inset-0 size-6 flex items-center justify-center cursor-pointer text-p-lightest border-2 rounded-full border-p-lightest bg-[transparent] drop-shadow bottom-sm right-sm left-auto top-auto m-xs'\n            >\n<svg-icon\n  src='icon-unmute'\n  class='group-[[muted=\"true\"]]:hidden'\n\n  \n    style='--icon-size: 12px;'\n  \n\n  \n  \n></svg-icon>\n\n<svg-icon\n  src='icon-mute'\n  class='group-[[muted=\"false\"]]:hidden'\n\n  \n    style='--icon-size: 12px;'\n  \n\n  \n  \n></svg-icon>\n</button>\n          </div></div><video playsinline=\"true\" autoplay=\"autoplay\" loop=\"loop\" muted=\"muted\" class=\"absolute w-full h-full inset-0 object-cover \" preload=\"metadata\" aria-label=\"Purple Prose\" poster=\"//colourpop.com/cdn/shop/files/preview_images/7b5ff40b93e443a28078699484867857.thumbnail.0000000000_1100x.jpg?v=1726066898\"><source src=\"//colourpop.com/cdn/shop/videos/c/vp/7b5ff40b93e443a28078699484867857/7b5ff40b93e443a28078699484867857.HD-1080p-7.2Mbps-34611696.mp4?v=0\" type=\"video/mp4\"><img src=\"//colourpop.com/cdn/shop/files/preview_images/7b5ff40b93e443a28078699484867857.thumbnail.0000000000_1100x.jpg?v=1726066898\"></video>\n  </inline-media></swiper-slide>\n          \n        </swiper-container>\n      </swiper-with-media>\n    </div>\n  \n  </modal-dialog>\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--16300830097490__main-thumbs-swiper'\n          navigation-next-el='.swiper-button-next-template--16300830097490__main'\n          navigation-prev-el='.swiper-button-prev-template--16300830097490__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/files/Purple-Prose-BFF-Mascara-With-Cap2.jpg?v=1725198708&amp;width=120\" alt=\"Purple Prose ColourPop BFF Mascara shown open, wand coated in rich violet sweeping across a bold swatch, beside a lavender volumizing tube and a cap with hearts, stars, and smiley icons on a white background.\" srcset=\"//colourpop.com/cdn/shop/files/Purple-Prose-BFF-Mascara-With-Cap2.jpg?v=1725198708&amp;width=60 60w, //colourpop.com/cdn/shop/files/Purple-Prose-BFF-Mascara-With-Cap2.jpg?v=1725198708&amp;width=80 80w, //colourpop.com/cdn/shop/files/Purple-Prose-BFF-Mascara-With-Cap2.jpg?v=1725198708&amp;width=120 120w\" width=\"120\" height=\"2400.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></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/BFF_PurpleProse_1080.jpg?v=1722540169&amp;width=120\" alt=\"Brown eye showcasing lashes coated in ColourPop BFF Mascara, shade Purple Prose, lengthening and defining with bold violet color while the lower lash line is lightly painted in purple, captured in an extreme close-up with natural brow and skin texture.\" srcset=\"//colourpop.com/cdn/shop/files/BFF_PurpleProse_1080.jpg?v=1722540169&amp;width=60 60w, //colourpop.com/cdn/shop/files/BFF_PurpleProse_1080.jpg?v=1722540169&amp;width=80 80w, //colourpop.com/cdn/shop/files/BFF_PurpleProse_1080.jpg?v=1722540169&amp;width=120 120w\" width=\"120\" height=\"2400.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></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/BFF_PURPLE_LOOK_1284.jpg?v=1725240056&amp;width=120\" alt=\"Lashes coated in ColourPop BFF Mascara in Purple Prose, fanning upward with bold purple pigment on upper and lower lashes, paired with lilac eyeshadow and glossy nude lips on a smiling model in a close-up against a pastel lavender background.\" srcset=\"//colourpop.com/cdn/shop/files/BFF_PURPLE_LOOK_1284.jpg?v=1725240056&amp;width=60 60w, //colourpop.com/cdn/shop/files/BFF_PURPLE_LOOK_1284.jpg?v=1725240056&amp;width=80 80w, //colourpop.com/cdn/shop/files/BFF_PURPLE_LOOK_1284.jpg?v=1725240056&amp;width=120 120w\" width=\"120\" height=\"2400.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></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/BFF-Mascara_Infographic.jpg?v=1725238426&amp;width=120\" alt=\"ColourPop BFF Mascara wands in multiple bold shades lined up on a lavender background with hearts and stars, highlighting the Brownie Points brown mascara as a cruelty-free volumizing Colourpop mascara option for everyday wear.\" srcset=\"//colourpop.com/cdn/shop/files/BFF-Mascara_Infographic.jpg?v=1725238426&amp;width=60 60w, //colourpop.com/cdn/shop/files/BFF-Mascara_Infographic.jpg?v=1725238426&amp;width=80 80w, //colourpop.com/cdn/shop/files/BFF-Mascara_Infographic.jpg?v=1725238426&amp;width=120 120w\" width=\"120\" height=\"2400.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></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/Bundle-SlaysoftheWeek-Swatches.jpg?v=1725238758&amp;width=120\" alt=\"ColourPop BFF Mascara Purple Prose swatch showing a smooth, wavy pastel purple mascara stroke, centered in a grid alongside labeled shades Blue Ya Mind, Left on Red, Wine O’Clock, Brownie Points, Pink Inc., and Black on Black.\" srcset=\"//colourpop.com/cdn/shop/files/Bundle-SlaysoftheWeek-Swatches.jpg?v=1725238758&amp;width=60 60w, //colourpop.com/cdn/shop/files/Bundle-SlaysoftheWeek-Swatches.jpg?v=1725238758&amp;width=80 80w, //colourpop.com/cdn/shop/files/Bundle-SlaysoftheWeek-Swatches.jpg?v=1725238758&amp;width=120 120w\" width=\"120\" height=\"2400.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></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/5C870BEF-0295-473D-BC3C-3EEE70BAD1BC_1_105_c.jpg?v=1725239574&amp;width=120\" alt=\"ColourPop BFF Mascara in Swell Season, a bold cobalt blue, shows the tube and open wand with twisted nylon fiber brush depositing vibrant, volumizing pigment against a blue swatch backdrop for dramatic lashes.\" srcset=\"//colourpop.com/cdn/shop/files/5C870BEF-0295-473D-BC3C-3EEE70BAD1BC_1_105_c.jpg?v=1725239574&amp;width=60 60w, //colourpop.com/cdn/shop/files/5C870BEF-0295-473D-BC3C-3EEE70BAD1BC_1_105_c.jpg?v=1725239574&amp;width=80 80w, //colourpop.com/cdn/shop/files/5C870BEF-0295-473D-BC3C-3EEE70BAD1BC_1_105_c.jpg?v=1725239574&amp;width=120 120w\" width=\"120\" height=\"886.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></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/preview_images/7b5ff40b93e443a28078699484867857.thumbnail.0000000000.jpg?v=1726066898&amp;width=120\" alt=\"\" srcset=\"//colourpop.com/cdn/shop/files/preview_images/7b5ff40b93e443a28078699484867857.thumbnail.0000000000.jpg?v=1726066898&amp;width=60 60w, //colourpop.com/cdn/shop/files/preview_images/7b5ff40b93e443a28078699484867857.thumbnail.0000000000.jpg?v=1726066898&amp;width=80 80w, //colourpop.com/cdn/shop/files/preview_images/7b5ff40b93e443a28078699484867857.thumbnail.0000000000.jpg?v=1726066898&amp;width=120 120w\" width=\"120\" height=\"1080.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></div>\n            </swiper-slide>\n          \n        </swiper-container><button\n            class='swiper-button-prev swiper-button-prev-template--16300830097490__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--16300830097490__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--16300830097490__main-thumbs-swiper'\n          controller-control='#MediaGallery-template--16300830097490__main-main-swiper-zoom'\n          auto-scroll-offset='true'\n          id='MediaGallery-template--16300830097490__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/files/Purple-Prose-BFF-Mascara-With-Cap2.jpg?v=1725198708&amp;width=620\" alt=\"Purple Prose ColourPop BFF Mascara shown open, wand coated in rich violet sweeping across a bold swatch, beside a lavender volumizing tube and a cap with hearts, stars, and smiley icons on a white background.\" srcset=\"//colourpop.com/cdn/shop/files/Purple-Prose-BFF-Mascara-With-Cap2.jpg?v=1725198708&amp;width=600 600w, //colourpop.com/cdn/shop/files/Purple-Prose-BFF-Mascara-With-Cap2.jpg?v=1725198708&amp;width=620 620w\" width=\"620\" height=\"2400.0\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\" format=\"webp\">\n<dialog-toggle modal-id='MediaGallery-template--16300830097490__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/BFF_PurpleProse_1080.jpg?v=1722540169&amp;width=620\" alt=\"Brown eye showcasing lashes coated in ColourPop BFF Mascara, shade Purple Prose, lengthening and defining with bold violet color while the lower lash line is lightly painted in purple, captured in an extreme close-up with natural brow and skin texture.\" srcset=\"//colourpop.com/cdn/shop/files/BFF_PurpleProse_1080.jpg?v=1722540169&amp;width=600 600w, //colourpop.com/cdn/shop/files/BFF_PurpleProse_1080.jpg?v=1722540169&amp;width=620 620w\" width=\"620\" height=\"2400.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\" format=\"webp\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--16300830097490__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/BFF_PURPLE_LOOK_1284.jpg?v=1725240056&amp;width=620\" alt=\"Lashes coated in ColourPop BFF Mascara in Purple Prose, fanning upward with bold purple pigment on upper and lower lashes, paired with lilac eyeshadow and glossy nude lips on a smiling model in a close-up against a pastel lavender background.\" srcset=\"//colourpop.com/cdn/shop/files/BFF_PURPLE_LOOK_1284.jpg?v=1725240056&amp;width=600 600w, //colourpop.com/cdn/shop/files/BFF_PURPLE_LOOK_1284.jpg?v=1725240056&amp;width=620 620w\" width=\"620\" height=\"2400.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\" format=\"webp\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--16300830097490__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/BFF-Mascara_Infographic.jpg?v=1725238426&amp;width=620\" alt=\"ColourPop BFF Mascara wands in multiple bold shades lined up on a lavender background with hearts and stars, highlighting the Brownie Points brown mascara as a cruelty-free volumizing Colourpop mascara option for everyday wear.\" srcset=\"//colourpop.com/cdn/shop/files/BFF-Mascara_Infographic.jpg?v=1725238426&amp;width=600 600w, //colourpop.com/cdn/shop/files/BFF-Mascara_Infographic.jpg?v=1725238426&amp;width=620 620w\" width=\"620\" height=\"2400.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\" format=\"webp\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--16300830097490__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/Bundle-SlaysoftheWeek-Swatches.jpg?v=1725238758&amp;width=620\" alt=\"ColourPop BFF Mascara Purple Prose swatch showing a smooth, wavy pastel purple mascara stroke, centered in a grid alongside labeled shades Blue Ya Mind, Left on Red, Wine O’Clock, Brownie Points, Pink Inc., and Black on Black.\" srcset=\"//colourpop.com/cdn/shop/files/Bundle-SlaysoftheWeek-Swatches.jpg?v=1725238758&amp;width=600 600w, //colourpop.com/cdn/shop/files/Bundle-SlaysoftheWeek-Swatches.jpg?v=1725238758&amp;width=620 620w\" width=\"620\" height=\"2400.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\" format=\"webp\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--16300830097490__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/5C870BEF-0295-473D-BC3C-3EEE70BAD1BC_1_105_c.jpg?v=1725239574&amp;width=620\" alt=\"ColourPop BFF Mascara in Swell Season, a bold cobalt blue, shows the tube and open wand with twisted nylon fiber brush depositing vibrant, volumizing pigment against a blue swatch backdrop for dramatic lashes.\" srcset=\"//colourpop.com/cdn/shop/files/5C870BEF-0295-473D-BC3C-3EEE70BAD1BC_1_105_c.jpg?v=1725239574&amp;width=600 600w, //colourpop.com/cdn/shop/files/5C870BEF-0295-473D-BC3C-3EEE70BAD1BC_1_105_c.jpg?v=1725239574&amp;width=620 620w\" width=\"620\" height=\"886.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\" format=\"webp\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--16300830097490__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<!-- ##entry##core-inline-media##endentry## -->\n<inline-media\n    class='size-full group'\n  >\n    <div\n      aria-label=''\n      class='absolute inset-0 w-full h-full flex justify-end items-end z-10'\n    >\n<img src=\"//colourpop.com/cdn/shop/files/preview_images/7b5ff40b93e443a28078699484867857.thumbnail.0000000000.jpg?v=1726066898&amp;width=1440\" alt=\"\" srcset=\"//colourpop.com/cdn/shop/files/preview_images/7b5ff40b93e443a28078699484867857.thumbnail.0000000000.jpg?v=1726066898&amp;width=352 352w, //colourpop.com/cdn/shop/files/preview_images/7b5ff40b93e443a28078699484867857.thumbnail.0000000000.jpg?v=1726066898&amp;width=832 832w, //colourpop.com/cdn/shop/files/preview_images/7b5ff40b93e443a28078699484867857.thumbnail.0000000000.jpg?v=1726066898&amp;width=1200 1200w, //colourpop.com/cdn/shop/files/preview_images/7b5ff40b93e443a28078699484867857.thumbnail.0000000000.jpg?v=1726066898&amp;width=1440 1440w\" width=\"1440\" height=\"0.0\" loading=\"lazy\" sizes=\"50vw\" class=\"w-full block absolute inset-0 w-full h-full group-[[playing=&quot;true&quot;]]:opacity-0 transition-opacity duration-300 pointer-events-none object-cover\" fetchpriority=\"auto\" format=\"pjpg\"></div>\n\n    \n      <div class='flex items-center gap-xs p-sm absolute transform-gpu bottom-0 w-full z-20'>\n        \n          <div class='flex-1 flex justify-start'>\n            <button\n              type='button'\n              play-toggle\n              class='inset-0 size-6 flex items-center justify-center cursor-pointer text-p-lightest border-2 rounded-full border-p-lightest bg-[transparent] drop-shadow bottom-sm left-sm right-auto top-auto m-xs'\n            >\n<svg-icon\n  src='icon-play'\n  class='group-[[playing=\"true\"]]:hidden'\n\n  \n    style='--icon-size: 12px;'\n  \n\n  \n  \n></svg-icon>\n\n<svg-icon\n  src='icon-pause'\n  class='group-[[playing=\"false\"]]:hidden'\n\n  \n    style='--icon-size: 12px;'\n  \n\n  \n  \n></svg-icon>\n</button>\n          </div>\n        \n<div class='flex-1 flex justify-end'>\n            <button\n              type='button'\n              volume-toggle\n              class='inset-0 size-6 flex items-center justify-center cursor-pointer text-p-lightest border-2 rounded-full border-p-lightest bg-[transparent] drop-shadow bottom-sm right-sm left-auto top-auto m-xs'\n            >\n<svg-icon\n  src='icon-unmute'\n  class='group-[[muted=\"true\"]]:hidden'\n\n  \n    style='--icon-size: 12px;'\n  \n\n  \n  \n></svg-icon>\n\n<svg-icon\n  src='icon-mute'\n  class='group-[[muted=\"false\"]]:hidden'\n\n  \n    style='--icon-size: 12px;'\n  \n\n  \n  \n></svg-icon>\n</button>\n          </div></div><video playsinline=\"true\" autoplay=\"autoplay\" loop=\"loop\" muted=\"muted\" class=\"absolute w-full h-full inset-0 object-cover \" preload=\"metadata\" aria-label=\"Purple Prose\" poster=\"//colourpop.com/cdn/shop/files/preview_images/7b5ff40b93e443a28078699484867857.thumbnail.0000000000_1100x.jpg?v=1726066898\"><source src=\"//colourpop.com/cdn/shop/videos/c/vp/7b5ff40b93e443a28078699484867857/7b5ff40b93e443a28078699484867857.HD-1080p-7.2Mbps-34611696.mp4?v=0\" type=\"video/mp4\"><img src=\"//colourpop.com/cdn/shop/files/preview_images/7b5ff40b93e443a28078699484867857.thumbnail.0000000000_1100x.jpg?v=1726066898\"></video>\n  </inline-media></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--16300830097490__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 '><span \n      class='flex leading-4 utility rounded lowercase tracking-wide font-semibold px-2 py-1 bg-p-darkest text-p-lightest decoration-none group-[.product-card]:text-[9px]'\n      style='color: #000000; background-color: #ffffff; border: 1px solid #000000;'\n    >Sale</span></div>\n<div  sub-section-id='title'>\n          <h1 class='break-words h2 lg:h3'>\n            BFF Mascara\n          </h1><h2 class='p '>\n              Volumizing Mascara\n            </h2></div><div id=\"shopify-block-AMFFESmdTYk5OazN6Y__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-2371006857298\"\n    >\n        <div data-oke-reviews-version=\"0.85.10\" data-oke-container=\"\" class=\"okeReviews oke-sr\"><div class=\"\"><div class=\"oke-sr-rating\"> 4.5 </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: 92.95%;\"><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.5 out of 5 stars</span></div></div><div class=\"oke-sr-count\"><span class=\"oke-sr-count-number\">2,806</span><span class=\"oke-sr-label-text\"> Reviews</span><!----></div><!----></div><script type=\"application/json\" data-oke-metafield-data=\"\"> {\"averageRating\":\"4.5\",\"reviewCount\":2806} </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\n    <fieldset class='grid grid-cols-1 gap-sm'>\n      \n      \n        <div class='grid grid-cols-1 gap-xs'><div class='flex gap-x-sm flex-wrap gap-y-2.5'>\n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='blue-ya-mind'\n    name='sibling-picker'\n    value='blue-ya-mind'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/blue-ya-mind\"\n  data-option-value-id=\"21294953562194\"\n  data-variant-id=\"21294953562194\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='blue-ya-mind'\n    title='blue-ya-mind'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Blue_Ya_Mind_BFF_Mascara_Circle_Swatch.webp?v=1698773897&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/blue-ya-mind?variant=21294953562194&sections=template--16300830097490__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='wine-oclock'\n    name='sibling-picker'\n    value='wine-oclock'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/wine-oclock\"\n  data-option-value-id=\"30100354170962\"\n  data-variant-id=\"30100354170962\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='wine-oclock'\n    title='wine-oclock'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Wine_O_Clock_BFF_Mascara_Circle_Swatch.webp?v=1698773897&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/wine-oclock?variant=30100354170962&sections=template--16300830097490__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='left-on-red'\n    name='sibling-picker'\n    value='left-on-red'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/left-on-red\"\n  data-option-value-id=\"21294969028690\"\n  data-variant-id=\"21294969028690\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='left-on-red'\n    title='left-on-red'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Left_On_Red_BFF_Mascara_Circle_Swatch.webp?v=1698773897&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/left-on-red?variant=21294969028690&sections=template--16300830097490__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='brownie-points'\n    name='sibling-picker'\n    value='brownie-points'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/brownie-points\"\n  data-option-value-id=\"29170630590546\"\n  data-variant-id=\"29170630590546\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='brownie-points'\n    title='brownie-points'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Brownie_Points_BFF_Mascara_Circle_Swatch.webp?v=1698773897&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/brownie-points?variant=29170630590546&sections=template--16300830097490__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='pink-inc-bff-mascara'\n    name='sibling-picker'\n    value='pink-inc-bff-mascara'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/pink-inc-bff-mascara\"\n  data-option-value-id=\"21294974730322\"\n  data-variant-id=\"21294974730322\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='pink-inc-bff-mascara'\n    title='pink-inc-bff-mascara'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Pink_Inc_BFF_Mascara_Circle_Swatch.webp?v=1698773897&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/pink-inc-bff-mascara?variant=21294974730322&sections=template--16300830097490__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='purple-prose'\n    name='sibling-picker'\n    value='purple-prose'\n    form=''\n    class='sr-only'\n    \n      checked\n    \n    \n    \n      data-product-url=\"/products/purple-prose\"\n  data-option-value-id=\"21294947532882\"\n  data-variant-id=\"21294947532882\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='purple-prose'\n    title='purple-prose'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Purple_Prose_BFF_Mascara_Circle_Swatch.webp?v=1698773897&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/purple-prose?variant=21294947532882&sections=template--16300830097490__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='swell-season-bff-mascara'\n    name='sibling-picker'\n    value='swell-season-bff-mascara'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/swell-season-bff-mascara\"\n  data-option-value-id=\"40230689144914\"\n  data-variant-id=\"40230689144914\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='swell-season-bff-mascara'\n    title='swell-season-bff-mascara'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Swell_Season_BFF_Mascara_Circle_Swatch.webp?v=1698773897&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/swell-season-bff-mascara?variant=40230689144914&sections=template--16300830097490__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-on-black'\n    name='sibling-picker'\n    value='black-on-black'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/black-on-black\"\n  data-option-value-id=\"21294934851666\"\n  data-variant-id=\"21294934851666\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='black-on-black'\n    title='black-on-black'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Black_On_Black_BFF_Mascara_Circle_Swatch.webp?v=1698773897&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/black-on-black?variant=21294934851666&sections=template--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n          </div>\n        </div>\n      \n    </fieldset>\n\n    <div class='mt-xs'>\n      \n\n      \n      \n\n      <!-- ##entry##core-custom-select##endentry## -->\n\n      <custom-select\n        class='flex flex-col gap-2xs w-full group'\n        \n\n        \n          \n        id=\"sibling-picker-2371006857298\"\n        value=\"21294947532882\"\n        name=\"sibling-picker-2371006857298\"\n\n        \n\n        \n        \n\n        \n\n        \n\n        \n      \n          label=\"Select a shade\"\n\n          \n        \n\n        placeholder=\"\"\n\n        \n          new-custom-select=\"true\"\n        \n        \n        select-toggle-icon=\"icon-select-arrow\"\n        \n        \n        \n        \n        \n        \n        select-toggle-label-class=\"!pr-0\"\n        \n        \n        \n        \n        \n        \n        \n        \n        \n        \n        \n        \n        \n      >\n        <div\n          class=\"relative w-full group peer h-full\"\n          \n        >\n          <select\n            \n            class=\"block w-full border-b pt-4 border-p-lightest bg-[transparent] appearance-none disabled:text-t-border px-sm-forms-padding lg:px-lg-forms-padding h-sm-forms-inputheight lg:h-lg-forms-inputheight text-body disabled:border-t-border focus:outline-none focus:ring-0 peer group-[[error]]:ring-u-error group-[[error]]:border-[transparent] group-[[error]]:ring-2  \"\n            \n        id=\"sibling-picker-2371006857298\"\n        value=\"21294947532882\"\n        name=\"sibling-picker-2371006857298\"\n\n        \n\n        \n        \n\n        \n\n        \n\n        \n      \n          >\n            \n        \n          <option value=\"21294953562194\"\n            \n            data-variant-id=\"21294953562194\"\n            data-product-url=\"/products/blue-ya-mind\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"7482\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Blue_Ya_Mind_BFF_Mascara_Circle_Swatch.webp?v=1698773897&width=40\"\n            \n            \n            data-swatch-hex=\"#012ff0\"\n            data-shade-description=\"Cobalt blue\"data-short-description=\"Volumizing Mascara\"data-type=\"BFF Mascara\"\n            data-image=\"//colourpop.com/cdn/shop/files/Blue-Ya-Mind-BFF-Mascara-With-Cap2.jpg?v=1725198767&width=90\"\n          >\n            Blue Ya Mind\n          </option>\n        \n          <option value=\"30100354170962\"\n            \n            data-variant-id=\"30100354170962\"\n            data-product-url=\"/products/wine-oclock\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"7204\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Wine_O_Clock_BFF_Mascara_Circle_Swatch.webp?v=1698773897&width=40\"\n            \n            \n            data-swatch-hex=\"#790f1e\"\n            data-shade-description=\"Deep burgundy\"data-short-description=\"Volumizing Mascara\"data-type=\"BFF Mascara\"\n            data-image=\"//colourpop.com/cdn/shop/files/Wine-O-Clock-BFF-Mascara-With-Cap2.jpg?v=1725143013&width=90\"\n          >\n            Wine O'Clock\n          </option>\n        \n          <option value=\"21294969028690\"\n            \n            data-variant-id=\"21294969028690\"\n            data-product-url=\"/products/left-on-red\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"5514\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Left_On_Red_BFF_Mascara_Circle_Swatch.webp?v=1698773897&width=40\"\n            \n            \n            data-swatch-hex=\"#c80210\"\n            data-shade-description=\"True red\"data-short-description=\"Volumizing Mascara\"data-type=\"BFF Mascara\"\n            data-image=\"//colourpop.com/cdn/shop/files/Left-On-Red-BFF-Mascara-With-Cap2.jpg?v=1725198682&width=90\"\n          >\n            Left on Red\n          </option>\n        \n          <option value=\"29170630590546\"\n            \n            data-variant-id=\"29170630590546\"\n            data-product-url=\"/products/brownie-points\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"1412\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Brownie_Points_BFF_Mascara_Circle_Swatch.webp?v=1698773897&width=40\"\n            \n            \n            data-swatch-hex=\"#533025\"\n            data-shade-description=\"True brown\"data-short-description=\"Volumizing Mascara\"data-type=\"BFF Mascara\"\n            data-image=\"//colourpop.com/cdn/shop/files/Brownie-Points-BFF-Mascara-With-Cap2.jpg?v=1725198739&width=90\"\n          >\n            Brownie Points\n          </option>\n        \n          <option value=\"21294974730322\"\n            \n            data-variant-id=\"21294974730322\"\n            data-product-url=\"/products/pink-inc-bff-mascara\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"268\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Pink_Inc_BFF_Mascara_Circle_Swatch.webp?v=1698773897&width=40\"\n            \n            \n            data-swatch-hex=\"#cd1b5c\"\n            data-shade-description=\"Magenta\"data-short-description=\"Volumizing Mascara\"data-type=\"BFF Mascara\"\n            data-image=\"//colourpop.com/cdn/shop/files/Pink-Inc-BFF-Mascara-With-Cap2.jpg?v=1725198754&width=90\"\n          >\n            Pink Inc.\n          </option>\n        \n          <option value=\"21294947532882\"\n            \n              selected\n            \n            data-variant-id=\"21294947532882\"\n            data-product-url=\"/products/purple-prose\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"3900\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Purple_Prose_BFF_Mascara_Circle_Swatch.webp?v=1698773897&width=40\"\n            \n            \n            data-swatch-hex=\"#8264b4\"\n            data-shade-description=\"Lavender\"data-short-description=\"Volumizing Mascara\"data-type=\"BFF Mascara\"\n            data-image=\"//colourpop.com/cdn/shop/files/Purple-Prose-BFF-Mascara-With-Cap2.jpg?v=1725198708&width=90\"\n          >\n            Purple Prose\n          </option>\n        \n          <option value=\"40230689144914\"\n            \n            data-variant-id=\"40230689144914\"\n            data-product-url=\"/products/swell-season-bff-mascara\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"1777\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Swell_Season_BFF_Mascara_Circle_Swatch.webp?v=1698773897&width=40\"\n            \n            \n            data-swatch-hex=\"#0b88a2\"\n            data-shade-description=\"Vivid teal\"data-short-description=\"Volumizing Mascara\"data-type=\"BFF Mascara\"\n            data-image=\"//colourpop.com/cdn/shop/files/Swell-Season-BFF-Mascara-With-Cap2.jpg?v=1725198725&width=90\"\n          >\n            Swell Season\n          </option>\n        \n          <option value=\"21294934851666\"\n            \n            data-variant-id=\"21294934851666\"\n            data-product-url=\"/products/black-on-black\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"156\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Black_On_Black_BFF_Mascara_Circle_Swatch.webp?v=1698773897&width=40\"\n            \n            \n            data-swatch-hex=\"#000000\"\n            data-shade-description=\"Black\"data-short-description=\"Volumizing Mascara\"data-type=\"BFF Mascara\"\n            data-image=\"//colourpop.com/cdn/shop/files/Black-On-Black-BFF-Mascara-With-Cap2.jpg?v=1713537838&width=90\"\n          >\n            Black on Black\n          </option>\n        \n      \n          </select>\n          <div\n            class=\"absolute inset-y-0 flex items-center size-3 pointer-events-none end-sm-forms-padding lg:end-sm-forms-padding group-[[error]]:text-u-error h-sm-forms-inputheight lg:h-lg-forms-inputheigh\"\n          >\n<svg-icon\n  src='icon-select-arrow'\n  class='block text-white'\n\n  \n    style='--icon-size: 12px;'\n  \n\n  \n  \n></svg-icon>\n</div>\n          <label\n            for=\"sibling-picker-2371006857298\"\n            class=\"absolute caption duration-300 transform -translate-y-2.5 scale-75 top-3.5  z-10 origin-[0]  peer-disabled:text-t-border peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-2.5 rtl:peer-focus:translate-x-1/4 rtl:peer-focus:left-auto \"\n          >\n            Select a shade\n          </label>\n        </div></custom-select>\n\n    </div>\n\n    <script type='application/json' data-selected-variant>\n      {\"id\":21294947532882,\"title\":\"Default Title\",\"option1\":\"Default Title\",\"option2\":null,\"option3\":null,\"sku\":\"BFFMascara-PurpleProse_n\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":null,\"available\":true,\"name\":\"Purple Prose\",\"public_title\":null,\"options\":[\"Default Title\"],\"price\":800,\"weight\":38,\"compare_at_price\":1000,\"inventory_quantity\":3750,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"FG006163\",\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}}\n    </script>\n  </variant-picker>\n\n\n        \n<div sub-section-id='shade_tiN4Nh' class='my-2xs'>\n            <p class='caption'>\n              <span>Purple Prose</span><span> - Lavender</span></p>\n          </div>\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--16300830097490__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='21294947532882'\n            \n          ><div class='grid grid-cols-1 gap-y-xs min-h-12'><div class='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]'>\n              <p class='hidden group-[.sticky-atc]/buy-buttons:block lg:mb-0 mb-2'>\n                <strong>Purple Prose</strong>\n              </p>\n\n              \n\n              <div class='flex items-center gap-xs lg:gap-sm w-full group-[.sticky-atc]/buy-buttons:md:w-auto'><div\n  id='Quantity-Form-template--16300830097490__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  variant-id='21294947532882'\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--16300830097490__main-quantity__decrement'\n  >\n    <span class='sr-only'>Decrease quantity for Purple Prose</span>\n    <span class='caption font-bold'>-</span>\n  </button>\n  <input\n    class='text-center remove-arrow font-bold caption focus:outline-none bg-[transparent] group-[.sticky-atc]/buy-buttons:!text-[10px]'\n    type='number'\n    name='quantity'\n    value='1'\n    inputmode='numeric'\n    min='1'\n    max='3900'\n    step='1'\n    aria-label='Quantity for Purple Prose'\n    id='product-form-template--16300830097490__main-quantity'\n\n    \n      form='product-form-template--16300830097490__main'\n    \n  >\n  <button\n    class='inline-flex items-center justify-start text-utility disabled:opacity-50 disabled:pointer-events-none'\n    name='plus'\n    type='button'\n    id='product-form-template--16300830097490__main-quantity__increment'\n    \n  >\n    <span class='sr-only'>Increase quantity for Purple Prose</span>\n    <span class='caption font-bold'>+</span>\n  </button>\n</quantity-input>\n</div>\n  \n  \n</div>\n\n\n                <button\n                  id='ProductSubmitButton-template--16300830097490__main--2371006857298'\n                  type='submit'\n                  name='add'\n                  variant='primary'\n                  class='\n                    btn\n                    group-[.sticky-atc]/buy-buttons:grow group-[.sticky-atc]/buy-buttons:md:grow-0\n                    leading-normal\n                    !max-w-fit\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 on-sale'\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            $8.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          $8.00\n        </span><span>\n            <s class='line-through text-[inherit] font-bold'>\n              $10.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\n              </div>\n            </div></div><input type=\"hidden\" name=\"product-id\" value=\"2371006857298\" /><input type=\"hidden\" name=\"section-id\" value=\"template--16300830097490__main\" /></form></product-form>\n</div>\n\n<style>\n  .shopify-payment-button__more-options[aria-hidden='true'] {\n    display: none;\n  }\n</style>\n\n\n\n          \n            \n              <p class='text-body font-bold text-t-foreground'>\n                20% Off. Limited time only.\n              </p>\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='800'\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\">🐰 Cruelty-free <br />\n💗 Volumizing<br />\n🎨 Ultra-pigmented<br />\n🍦 Super creamy<br />\n💌 Long-lasting<br />\n❤️ Matte finish<br />\n</span></p></p></div><div id=\"shopify-block-AMXhNd0FURWhiYmtKR__tolstoy_shoppable_video_ugc_stories_block_RH3tz6\" class=\"shopify-block shopify-app-block\"><tolstoy-stories\nclass=\"tolstoy-stories\"\ndata-tags=\"#.collection:20Galactic,#.collection:backtoschool,#.collection:GalacticSale,#.collection:PromoBackup2,#.collection:promoproducts,#.collection:RainbowSale,#.collection:TemptaliaPromo,#.collections:promoproducts,#.hidden:false,#.promo:2023BFCM6bffmascara,#.promo:2023bfcm6BFFMascaras,#.promo:2023BFCM6mascara,#.promo:20festival2024,#.promo:30lashmascara,#.promo:30offmascara,#.promo:aug24BFFBOGO,#.promo:BOGOBFF21,#.promo:nationalmascaraday2024,#.promo:SinglesDay30,#.promo:singlesdaybogo2024,#glosku:rainbow30,#glosku:rainbow40,#rmb.glosku:86,012419,111523,111623,BOGO033021,category:Eyes,color:Purples,dy_keywords:mascara,event:BFF Mascara,eyes,finish:Matte,glosku:2023BFCM6bffmascara,glosku:halloween30,glosku:summer30,IndiaCarousel,KLFavorites,Lashes,MDW30,mvp.bff-mascara,non-vegan,Pastels,productline:ColourPop,productsize:full,producttype:BFF Mascara,Purples,SKULifecycle:Permanent,subcategory:Eye Lash,temptaliapromo,unitnumber:1,unittype:single,\"\ndata-publish-id=\"g1w7hu6osho9x\"\ndata-product-id=\"2371006857298\">\n</tolstoy-stories>\n\n\n</div><div class='accordion'  sub-section-id='description'>\n\n<div id='Details-description-template--16300830097490__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--16300830097490__main'\n  >\n    <input\n      aria-controls='accordion-content-description-template--16300830097490__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--16300830097490__main'\n      name='accordion-input--description-template-16300830097490__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--16300830097490__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--16300830097490__main'\n    role='region'\n    aria-labelledby='accordion-title-description-template--16300830097490__main'\n  >\n    <div class='overflow-hidden'>\n      <div class='pt-xs p '>\n        <p dir=\"ltr\"><span>Your lashes’ ride or die.</span></p>\n<p dir=\"ltr\"><span>This volumizing, lengthening mascara does the most with a unique twisted nylon fiber brush that coats every lash from root to tip. The ultra-pigmented formula is bold, buildable, and never flaky. BFF always shows up.</span></p>\n<p>Net Weight 7g (0.24oz)</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--16300830097490__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--16300830097490__main'\n  >\n    <input\n      aria-controls='accordion-content-collapsible-row-0-template--16300830097490__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--16300830097490__main'\n      name='accordion-input--collapsible-row-0-template-16300830097490__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--16300830097490__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--16300830097490__main'\n    role='region'\n    aria-labelledby='accordion-title-collapsible-row-0-template--16300830097490__main'\n  >\n    <div class='overflow-hidden'>\n      <div class='pt-xs p '>\n        <span class=\"metafield-multi_line_text_field\"> WATER, ORYZA SATIVA (RICE) BRAN WAX, STEARIC ACID, PALMITIC ACID, CYCLOPENTASILOXANE, COPERNICIA CERIFERA (CARNAUBA) WAX, BUTYLENE GLYCOL, VP/VA COPOLYMER, EUPHORBIA CERIFERA (CANDELILLA) WAX, C32-36 ISOALKYL STEARATE, POLYHYDROXYSTEARIC ACID, ACACIA SENEGAL GUM, PHENOXYETHANOL, STEARYL BEHENATE, POLYVINYL ALCOHOL, METHYLGLUCAMINE, OCTYLDODECANOL, PANTHENOL, AMINOMETHYL PROPANOL, CETEARYL ALCOHOL, POLYGLYCERYL-3 STEARATE, MYRISTIC ACID, ASCORBYL PALMITATE, CHLORPHENESIN, SIMETHICONE, NYLON-6, POLYSORBATE 60, METHYL ACETATE, METHYL ALCOHOL, SILICA, TRIETHOXYCAPRYLYLSILANE. MAY CONTAIN: BLACK 2 (CI 77266), CARMINE (CI 75470), CHROMIUM HYDROXIDE GREEN (CI 77289), IRON OXIDES (CI 77491, CI 77492, CI 77499)), MICA (CI 77019), TITANIUM DIOXIDE (CI 77891), ULTRAMARINES (CI 77007). </span>\n          \n\n      </div>\n    </div>\n  </div>\n</div>\n\n          </div>\n\n<div class='accordion' sub-section-id='collapsible-row-1' >\n\n<div id='Details-collapsible-row-1-template--16300830097490__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--16300830097490__main'\n  >\n    <input\n      aria-controls='accordion-content-collapsible-row-1-template--16300830097490__main'\n      aria-labelled='Toggle application tips accordion'\n      class='sr-only peer accordion-content-trigger'\n      type='checkbox'\n      id='accordion-checkbox-collapsible-row-1-template--16300830097490__main'\n      name='accordion-input--collapsible-row-1-template-16300830097490__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--16300830097490__main'\n      >\n        application tips\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--16300830097490__main'\n    role='region'\n    aria-labelledby='accordion-title-collapsible-row-1-template--16300830097490__main'\n  >\n    <div class='overflow-hidden'>\n      <div class='pt-xs p '>\n        <span class=\"metafield-multi_line_text_field\">Curl lashes before applying for extra lift.<br />\n<br />\nWiggle the wand from root to tip to coat every lash.<br />\n<br />\nLayer to build your desired level of drama.<br />\n<br />\nRemove with Fourth Ray Beauty&#39;s BFD Cleansing Oil.</span>\n          \n\n      </div>\n    </div>\n  </div>\n</div>\n\n          </div>\n\n\n\n\n            <div class='accordion' sub-section-id='collapsible_tab_3wD87W' >\n\n<div id='Details-collapsible_tab_3wD87W-template--16300830097490__main' class='group'>\n  <label\n    class='list-none block py-xs border-b-[currentColor] border-b cursor-pointer '\n    for='accordion-checkbox-collapsible_tab_3wD87W-template--16300830097490__main'\n  >\n    <input\n      aria-controls='accordion-content-collapsible_tab_3wD87W-template--16300830097490__main'\n      aria-labelled='Toggle pairs with accordion'\n      class='sr-only peer accordion-content-trigger'\n      type='checkbox'\n      id='accordion-checkbox-collapsible_tab_3wD87W-template--16300830097490__main'\n      name='accordion-input--collapsible_tab_3wd87w-template-16300830097490__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-collapsible_tab_3wD87W-template--16300830097490__main'\n      >\n        pairs with\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=' 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_tab_3wD87W-template--16300830097490__main'\n    role='region'\n    aria-labelledby='accordion-title-collapsible_tab_3wD87W-template--16300830097490__main'\n  >\n    <div class='overflow-hidden'>\n      <div class='pt-xs p '>\n        <div>\n              \n                \n\n  <main-product\n    \n      section-id='product-card'\n      id='product-card-7093157527634'\n      product-url='/products/plum-smash-creme-gel-liner'\n    \n    \n    class='product-card w-full group relative flex-col group/product-card-image  flex  overflow-hidden bg-white pair-product !py-10 !px-4 [&:nth-child(2n)]:bg-t-foreground-secondary !grid grid-cols-[95px__1fr] gap-x-lg'\n  >\n    \n\n    \n    \n      <a\n        class='block wishlist-product-card'\n        href='/products/plum-smash-creme-gel-liner'\n        sub-section-id='main-image'\n      >\n        <div class='aspect-square bg-gray-200 relative'>\n          \n\n<img src=\"//colourpop.com/cdn/shop/products/Plum-Smash-CGL-Macro.jpg?v=1680298421&amp;width=500\" alt=\"Plum Smash ColourPop Crème Gel Liner pencil with the tip extended showcases a shimmering plum-purple shade with fine sparkle, set against bold matching swatch streaks to highlight creamy, high-pigment payoff for precise eye lining.\" srcset=\"//colourpop.com/cdn/shop/products/Plum-Smash-CGL-Macro.jpg?v=1680298421&amp;width=500 500w\" width=\"500\" height=\"2400.0\" loading=\"lazy\" sizes=\"(min-width: 1440px) 500px, (min-width: 1024px) 33vw, 50vw\" class=\"w-full block h-full w-full object-cover object-center sm:h-full sm:w-full rounded-lg object-cover\" fetchpriority=\"auto\" format=\"webp\">\n\n\n<img src=\"//colourpop.com/cdn/shop/files/Untitled_24.png?v=1740683227&amp;width=500\" alt=\"Charmer Crème Gel Liner swatch, a rich plum purple stripe, shown on diverse forearms alongside labeled shades to highlight color payoff and shade depth from the ColourPop Crème Gel Liner lineup.\" srcset=\"//colourpop.com/cdn/shop/files/Untitled_24.png?v=1740683227&amp;width=500 500w\" width=\"500\" height=\"1080.0\" loading=\"lazy\" sizes=\"(min-width: 1440px) 500px, (min-width: 1024px) 33vw, 50vw\" class=\"w-full block h-full w-full object-cover object-center sm:h-full sm:w-full rounded-lg opacity-0 absolute inset-0 transition-opacity duration-300 ease-in-out group-hover/product-card-image:opacity-100 object-cover\" fetchpriority=\"auto\" format=\"webp\">\n        </div>\n      </a>\n    \n\n    <div class='flex flex-col flex-1 sm:p-4 sm:pb-0 justify-start gap-1 group-[.pair-product]:pt-0 group-[.pair-product]:ml-0 md:group-[.pair-product]:w-60 group-[.pair-product]:!px-0 group-[.pair-product]:w-full'>\n      <h3 class='text-body font-bold'>\n        <a\n          class='line-clamp-2 text-center group-[.pair-product]:text-left group-[.pair-product]:lowercase'\n          href='/products/plum-smash-creme-gel-liner'\n        >\n          \n            Creme Gel Liner\n          \n        </a>\n      </h3>\n      \n        <p class='text-center text-caption pb-2 group-[.predictive-search-results-products-list]:text-left sm:group-[.predictive-search-results-products-list]:text-center group-[.pair-product]:text-left'>\n          Waterproof Gel Eyeliner\n        </p>\n      \n      \n        <p class='text-center text-caption font-bold text-t-foreground pb-1 group-[.pair-product]:hidden'>\n          20% Off. Limited time only.\n        </p>\n      \n\n      \n<div data-oke-star-rating data-oke-reviews-product-id=\"shopify-7093157527634\"><div data-oke-reviews-version=\"0.86.0\" data-oke-container=\"\" class=\"okeReviews oke-sr\"><div class=\"\"><div class=\"oke-sr-rating\"> 4.7 </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: 95.77%;\"><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.7 out of 5 stars</span></div></div><div class=\"oke-sr-count\"><span class=\"oke-sr-count-number\">8,675</span><span class=\"oke-sr-label-text\"> Reviews</span><!----></div><!----></div><script type=\"application/json\" data-oke-metafield-data=\"\"> {\"averageRating\":\"4.7\",\"reviewCount\":8675} </script></div></div>\n\n    </div><div\n          class='\n            flex flex-col gap-y-xs items-center\n            \n            group-[.pair-product]:col-start-2 group-[.pair-product]:mt-[-40px] group-[.pair-product]:!items-start group-[.pair-product]:pt-2\n          '\n        ><!-- ##entry##core-quickshop-toggle##endentry## -->\n\n            <quick-shop-toggle\n              \n                class='w-full'\n              \n              product-url='/products/plum-smash-creme-gel-liner'\n            >\n          \n\n          <button\n            type='button'\n            class='btn w-full !text-[10px] lg:!text-[14px] leading-normal lg:mx-auto group-[.pair-product]:!mx-0'\n            variant='secondary'\n          >\n            choose shade\n\n<div\n    class='\n      inline-flex gap-x-xs justify-start items-center group/price font-bold\n on-sale'\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            $6.40\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          $6.40\n        </span><span>\n            <s class='line-through text-[inherit] font-bold'>\n              $8.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</button>\n          \n            </quick-shop-toggle>\n          \n        </div></main-product>\n              \n                \n\n  <main-product\n    \n      section-id='product-card'\n      id='product-card-2389970255954'\n      product-url='/products/numero-uno'\n    \n    \n    class='product-card w-full group relative flex-col group/product-card-image  flex  overflow-hidden bg-white pair-product !py-10 !px-4 [&:nth-child(2n)]:bg-t-foreground-secondary !grid grid-cols-[95px__1fr] gap-x-lg'\n  >\n    \n\n    \n    \n      <a\n        class='block wishlist-product-card'\n        href='/products/numero-uno'\n        sub-section-id='main-image'\n      >\n        <div class='aspect-square bg-gray-200 relative'>\n          \n\n<img src=\"//colourpop.com/cdn/shop/files/1594ACE9-E25B-4F68-9815-E737BE896BE3_1_201_a.jpg?v=1712877728&amp;width=500\" alt=\"ColourPop BFF Liquid Liner Numero Uno drawing bold, jet‑black swatches, felt‑tip pen delivering precise, smudge‑resistant lines against a white backdrop, ideal for sharp wings and everyday definition.\" srcset=\"//colourpop.com/cdn/shop/files/1594ACE9-E25B-4F68-9815-E737BE896BE3_1_201_a.jpg?v=1712877728&amp;width=500 500w\" width=\"500\" height=\"1686.0\" loading=\"lazy\" sizes=\"(min-width: 1440px) 500px, (min-width: 1024px) 33vw, 50vw\" class=\"w-full block h-full w-full object-cover object-center sm:h-full sm:w-full rounded-lg object-cover\" fetchpriority=\"auto\" format=\"webp\">\n\n\n<img src=\"//colourpop.com/cdn/shop/files/83158AC1-16E6-4E10-86F5-EDD9D902D122.jpg?v=1712877728&amp;width=500\" alt=\"Sharp black cat-eye wing defining the upper lash line, applied with ColourPop BFF Liquid Liner in Numero Uno, on a close-up brown eye with natural lashes and smooth skin.\" srcset=\"//colourpop.com/cdn/shop/files/83158AC1-16E6-4E10-86F5-EDD9D902D122.jpg?v=1712877728&amp;width=500 500w\" width=\"500\" height=\"2400.0\" loading=\"lazy\" sizes=\"(min-width: 1440px) 500px, (min-width: 1024px) 33vw, 50vw\" class=\"w-full block h-full w-full object-cover object-center sm:h-full sm:w-full rounded-lg opacity-0 absolute inset-0 transition-opacity duration-300 ease-in-out group-hover/product-card-image:opacity-100 object-cover\" fetchpriority=\"auto\" format=\"webp\">\n        </div>\n      </a>\n    \n\n    <div class='flex flex-col flex-1 sm:p-4 sm:pb-0 justify-start gap-1 group-[.pair-product]:pt-0 group-[.pair-product]:ml-0 md:group-[.pair-product]:w-60 group-[.pair-product]:!px-0 group-[.pair-product]:w-full'>\n      <h3 class='text-body font-bold'>\n        <a\n          class='line-clamp-2 text-center group-[.pair-product]:text-left group-[.pair-product]:lowercase'\n          href='/products/numero-uno'\n        >\n          \n            BFF Liquid Liner\n          \n        </a>\n      </h3>\n      \n        <p class='text-center text-caption pb-2 group-[.predictive-search-results-products-list]:text-left sm:group-[.predictive-search-results-products-list]:text-center group-[.pair-product]:text-left'>\n          Felt-Tip Eyeliner Pen\n        </p>\n      \n      \n        <p class='text-center text-caption font-bold text-t-foreground pb-1 group-[.pair-product]:hidden'>\n          20% Off. Limited time only.\n        </p>\n      \n\n      \n<div data-oke-star-rating data-oke-reviews-product-id=\"shopify-2389970255954\"><div data-oke-reviews-version=\"0.85.10\" data-oke-container=\"\" class=\"okeReviews oke-sr\"><div class=\"\"><div class=\"oke-sr-rating\"> 4.8 </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: 97.18%;\"><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.8 out of 5 stars</span></div></div><div class=\"oke-sr-count\"><span class=\"oke-sr-count-number\">3,520</span><span class=\"oke-sr-label-text\"> Reviews</span><!----></div><!----></div><script type=\"application/json\" data-oke-metafield-data=\"\"> {\"averageRating\":\"4.8\",\"reviewCount\":3520} </script></div></div>\n\n    </div><div\n          class='\n            flex flex-col gap-y-xs items-center\n            \n            group-[.pair-product]:col-start-2 group-[.pair-product]:mt-[-40px] group-[.pair-product]:!items-start group-[.pair-product]:pt-2\n          '\n        ><!-- ##entry##core-quickshop-toggle##endentry## -->\n\n            <quick-shop-toggle\n              \n                class='w-full'\n              \n              product-url='/products/numero-uno'\n            >\n          \n\n          <button\n            type='button'\n            class='btn w-full !text-[10px] lg:!text-[14px] leading-normal lg:mx-auto group-[.pair-product]:!mx-0'\n            variant='secondary'\n          >\n            choose shade\n\n<div\n    class='\n      inline-flex gap-x-xs justify-start items-center group/price font-bold\n on-sale'\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            $8.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          $8.00\n        </span><span>\n            <s class='line-through text-[inherit] font-bold'>\n              $10.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</button>\n          \n            </quick-shop-toggle>\n          \n        </div></main-product>\n              \n            </div>\n      </div>\n    </div>\n  </div>\n</div>\n\n            </div>\n          \n        \n</section>\n\n  </main-product>\n\n\n\n</section>"}