{"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: '7396422615122',\n            url: 'https://colourpop.com/products/new-bff-creme-gel-liner-set',\n          })\n        })\n      }, 5000)\n    } else if (params.autocomplete == '1') {\n      setTimeout(() => {\n        nostojs((api) => {\n          api.recordSearchClick('autocomplete', {\n            productId: '7396422615122',\n            url: 'https://colourpop.com/products/new-bff-creme-gel-liner-set',\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: '7396422615122',\n            url: 'https://colourpop.com/products/new-bff-creme-gel-liner-set',\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/new-bff-creme-gel-liner-set'\n    variant-id='41233128554578'\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/eyeliner'>\n            Eyeliner\n          </a>\n        </li><li class='inline text-caption'>\n        <a class='pointer-events-none text-caption' href='/products/new-bff-creme-gel-liner-set' aria-current='page'>New BFF</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/New-BFF-CGL-Bundle-Macro_1.jpg?v=1687279877&amp;width=90\" alt=\"New BFF ColourPop Crème Gel Liner trio standing tip-up, retractable pencils in nude, deep brown, and black with bold swipe swatches behind each on a split background, showcasing smooth, creamy eyeliner shades.\" srcset=\"//colourpop.com/cdn/shop/files/New-BFF-CGL-Bundle-Macro_1.jpg?v=1687279877&amp;width=40 40w, //colourpop.com/cdn/shop/files/New-BFF-CGL-Bundle-Macro_1.jpg?v=1687279877&amp;width=60 60w, //colourpop.com/cdn/shop/files/New-BFF-CGL-Bundle-Macro_1.jpg?v=1687279877&amp;width=80 80w, //colourpop.com/cdn/shop/files/New-BFF-CGL-Bundle-Macro_1.jpg?v=1687279877&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/CGL_SWERVE_1533.jpg?v=1713540326&amp;width=90\" alt=\"New BFF Crème Gel Liner tracing a bold, matte black graphic cat eye around a blue‑gray iris, with a precise inner corner point and extended wing, shown in a close-up of natural lashes and groomed brow; ColourPop TTS Exclusive.\" srcset=\"//colourpop.com/cdn/shop/files/CGL_SWERVE_1533.jpg?v=1713540326&amp;width=40 40w, //colourpop.com/cdn/shop/files/CGL_SWERVE_1533.jpg?v=1713540326&amp;width=60 60w, //colourpop.com/cdn/shop/files/CGL_SWERVE_1533.jpg?v=1713540326&amp;width=80 80w, //colourpop.com/cdn/shop/files/CGL_SWERVE_1533.jpg?v=1713540326&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/CGL_BREW_HAHA_1567.jpg?v=1713540327&amp;width=90\" alt=\"Closed eyelid showcases a soft, smoky wing in rich brown, applied with New BFF Crème Gel Liner for a smooth, matte finish; precise line hugs the lash line beneath a groomed brow, highlighting ColourPop Crème Gel Liner payoff and long-wear control.\" srcset=\"//colourpop.com/cdn/shop/files/CGL_BREW_HAHA_1567.jpg?v=1713540327&amp;width=40 40w, //colourpop.com/cdn/shop/files/CGL_BREW_HAHA_1567.jpg?v=1713540327&amp;width=60 60w, //colourpop.com/cdn/shop/files/CGL_BREW_HAHA_1567.jpg?v=1713540327&amp;width=80 80w, //colourpop.com/cdn/shop/files/CGL_BREW_HAHA_1567.jpg?v=1713540327&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/tried-and-true-bff-creme-gel-liner-arm-swatches2.jpg?v=1744556463&amp;width=90\" alt=\"ColourPop Crème Gel Liner New BFF swatches line three arms from light to deep skin tones, showing matte and metallic neutrals labeled Exit, Calabasas, Honeydude, Kicker, Hit the Jackpot, Overboard, Sunnyvale, Karaoke Night, Brew Haha, and Swerve.\" srcset=\"//colourpop.com/cdn/shop/files/tried-and-true-bff-creme-gel-liner-arm-swatches2.jpg?v=1744556463&amp;width=40 40w, //colourpop.com/cdn/shop/files/tried-and-true-bff-creme-gel-liner-arm-swatches2.jpg?v=1744556463&amp;width=60 60w, //colourpop.com/cdn/shop/files/tried-and-true-bff-creme-gel-liner-arm-swatches2.jpg?v=1744556463&amp;width=80 80w, //colourpop.com/cdn/shop/files/tried-and-true-bff-creme-gel-liner-arm-swatches2.jpg?v=1744556463&amp;width=90 90w\" width=\"90\" height=\"2401.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/New-BFF-CGL-Bundle.jpg?v=1744556463&amp;width=90\" alt=\"New BFF ColourPop Crème Gel Liner trio standing uncapped, twist-up pencils in nude, deep brown, and charcoal-black shades with doodle-printed caps, shown on a white background for a clear view of the tips and packaging.\" srcset=\"//colourpop.com/cdn/shop/files/New-BFF-CGL-Bundle.jpg?v=1744556463&amp;width=40 40w, //colourpop.com/cdn/shop/files/New-BFF-CGL-Bundle.jpg?v=1744556463&amp;width=60 60w, //colourpop.com/cdn/shop/files/New-BFF-CGL-Bundle.jpg?v=1744556463&amp;width=80 80w, //colourpop.com/cdn/shop/files/New-BFF-CGL-Bundle.jpg?v=1744556463&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/preview_images/2fcec9551fe14767a33ec89dabc37f87.thumbnail.0000000000.jpg?v=1729551622&amp;width=90\" alt=\"\" srcset=\"//colourpop.com/cdn/shop/files/preview_images/2fcec9551fe14767a33ec89dabc37f87.thumbnail.0000000000.jpg?v=1729551622&amp;width=40 40w, //colourpop.com/cdn/shop/files/preview_images/2fcec9551fe14767a33ec89dabc37f87.thumbnail.0000000000.jpg?v=1729551622&amp;width=60 60w, //colourpop.com/cdn/shop/files/preview_images/2fcec9551fe14767a33ec89dabc37f87.thumbnail.0000000000.jpg?v=1729551622&amp;width=80 80w, //colourpop.com/cdn/shop/files/preview_images/2fcec9551fe14767a33ec89dabc37f87.thumbnail.0000000000.jpg?v=1729551622&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-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/CGLInfographicFeed_a9a4e335-597a-4004-ad40-62b3acfeadca.jpg?v=1744556463&amp;width=90\" alt=\"ColourPop Crème Gel Liner New BFF pencils line up in a rainbow, caps off to show matte and metallic tips; waterproof 18‑hour wear and super‑creamy, tug‑free glide, twist‑up design, set against a pink doodle backdrop.\" srcset=\"//colourpop.com/cdn/shop/files/CGLInfographicFeed_a9a4e335-597a-4004-ad40-62b3acfeadca.jpg?v=1744556463&amp;width=40 40w, //colourpop.com/cdn/shop/files/CGLInfographicFeed_a9a4e335-597a-4004-ad40-62b3acfeadca.jpg?v=1744556463&amp;width=60 60w, //colourpop.com/cdn/shop/files/CGLInfographicFeed_a9a4e335-597a-4004-ad40-62b3acfeadca.jpg?v=1744556463&amp;width=80 80w, //colourpop.com/cdn/shop/files/CGLInfographicFeed_a9a4e335-597a-4004-ad40-62b3acfeadca.jpg?v=1744556463&amp;width=90 90w\" width=\"90\" height=\"1000.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/CGL-Infographic-Updated-Animation_7db388f2-e7c0-4f7c-b26b-02e6709c69da.jpg?v=1744556463&amp;width=90\" alt=\"ColourPop Crème Gel Liner New BFF pencils line up top and bottom, caps off to show a rainbow of matte and metallic shades, highlighting waterproof 18-hour wear, super creamy glide, and twist-up no-sharpen design on a pastel gradient backdrop.\" srcset=\"//colourpop.com/cdn/shop/files/CGL-Infographic-Updated-Animation_7db388f2-e7c0-4f7c-b26b-02e6709c69da.jpg?v=1744556463&amp;width=40 40w, //colourpop.com/cdn/shop/files/CGL-Infographic-Updated-Animation_7db388f2-e7c0-4f7c-b26b-02e6709c69da.jpg?v=1744556463&amp;width=60 60w, //colourpop.com/cdn/shop/files/CGL-Infographic-Updated-Animation_7db388f2-e7c0-4f7c-b26b-02e6709c69da.jpg?v=1744556463&amp;width=80 80w, //colourpop.com/cdn/shop/files/CGL-Infographic-Updated-Animation_7db388f2-e7c0-4f7c-b26b-02e6709c69da.jpg?v=1744556463&amp;width=90 90w\" width=\"90\" height=\"828.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/New-BFF-CGL-Bundle-Macro_1.jpg?v=1687279877&amp;width=600\" alt=\"New BFF ColourPop Crème Gel Liner trio standing tip-up, retractable pencils in nude, deep brown, and black with bold swipe swatches behind each on a split background, showcasing smooth, creamy eyeliner shades.\" 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/CGL_SWERVE_1533.jpg?v=1713540326&amp;width=600\" alt=\"New BFF Crème Gel Liner tracing a bold, matte black graphic cat eye around a blue‑gray iris, with a precise inner corner point and extended wing, shown in a close-up of natural lashes and groomed brow; ColourPop TTS Exclusive.\" 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/CGL_BREW_HAHA_1567.jpg?v=1713540327&amp;width=600\" alt=\"Closed eyelid showcases a soft, smoky wing in rich brown, applied with New BFF Crème Gel Liner for a smooth, matte finish; precise line hugs the lash line beneath a groomed brow, highlighting ColourPop Crème Gel Liner payoff and long-wear control.\" 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/tried-and-true-bff-creme-gel-liner-arm-swatches2.jpg?v=1744556463&amp;width=600\" alt=\"ColourPop Crème Gel Liner New BFF swatches line three arms from light to deep skin tones, showing matte and metallic neutrals labeled Exit, Calabasas, Honeydude, Kicker, Hit the Jackpot, Overboard, Sunnyvale, Karaoke Night, Brew Haha, and Swerve.\" width=\"600\" height=\"2401.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/New-BFF-CGL-Bundle.jpg?v=1744556463&amp;width=600\" alt=\"New BFF ColourPop Crème Gel Liner trio standing uncapped, twist-up pencils in nude, deep brown, and charcoal-black shades with doodle-printed caps, shown on a white background for a clear view of the tips and packaging.\" 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<!-- ##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/2fcec9551fe14767a33ec89dabc37f87.thumbnail.0000000000.jpg?v=1729551622&amp;width=1440\" alt=\"\" srcset=\"//colourpop.com/cdn/shop/files/preview_images/2fcec9551fe14767a33ec89dabc37f87.thumbnail.0000000000.jpg?v=1729551622&amp;width=352 352w, //colourpop.com/cdn/shop/files/preview_images/2fcec9551fe14767a33ec89dabc37f87.thumbnail.0000000000.jpg?v=1729551622&amp;width=832 832w, //colourpop.com/cdn/shop/files/preview_images/2fcec9551fe14767a33ec89dabc37f87.thumbnail.0000000000.jpg?v=1729551622&amp;width=1200 1200w, //colourpop.com/cdn/shop/files/preview_images/2fcec9551fe14767a33ec89dabc37f87.thumbnail.0000000000.jpg?v=1729551622&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=\"New BFF\" poster=\"//colourpop.com/cdn/shop/files/preview_images/2fcec9551fe14767a33ec89dabc37f87.thumbnail.0000000000_1100x.jpg?v=1729551622\"><source src=\"//colourpop.com/cdn/shop/videos/c/vp/2fcec9551fe14767a33ec89dabc37f87/2fcec9551fe14767a33ec89dabc37f87.HD-1080p-7.2Mbps-36770855.mp4?v=0\" type=\"video/mp4\"><img src=\"//colourpop.com/cdn/shop/files/preview_images/2fcec9551fe14767a33ec89dabc37f87.thumbnail.0000000000_1100x.jpg?v=1729551622\"></video>\n  </inline-media></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/CGLInfographicFeed_a9a4e335-597a-4004-ad40-62b3acfeadca.jpg?v=1744556463&amp;width=600\" alt=\"ColourPop Crème Gel Liner New BFF pencils line up in a rainbow, caps off to show matte and metallic tips; waterproof 18‑hour wear and super‑creamy, tug‑free glide, twist‑up design, set against a pink doodle backdrop.\" width=\"600\" height=\"1000.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/CGL-Infographic-Updated-Animation_7db388f2-e7c0-4f7c-b26b-02e6709c69da.jpg?v=1744556463&amp;width=600\" alt=\"ColourPop Crème Gel Liner New BFF pencils line up top and bottom, caps off to show a rainbow of matte and metallic shades, highlighting waterproof 18-hour wear, super creamy glide, and twist-up no-sharpen design on a pastel gradient backdrop.\" width=\"600\" height=\"828.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-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/New-BFF-CGL-Bundle-Macro_1.jpg?v=1687279877&amp;width=120\" alt=\"New BFF ColourPop Crème Gel Liner trio standing tip-up, retractable pencils in nude, deep brown, and black with bold swipe swatches behind each on a split background, showcasing smooth, creamy eyeliner shades.\" srcset=\"//colourpop.com/cdn/shop/files/New-BFF-CGL-Bundle-Macro_1.jpg?v=1687279877&amp;width=60 60w, //colourpop.com/cdn/shop/files/New-BFF-CGL-Bundle-Macro_1.jpg?v=1687279877&amp;width=80 80w, //colourpop.com/cdn/shop/files/New-BFF-CGL-Bundle-Macro_1.jpg?v=1687279877&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/CGL_SWERVE_1533.jpg?v=1713540326&amp;width=120\" alt=\"New BFF Crème Gel Liner tracing a bold, matte black graphic cat eye around a blue‑gray iris, with a precise inner corner point and extended wing, shown in a close-up of natural lashes and groomed brow; ColourPop TTS Exclusive.\" srcset=\"//colourpop.com/cdn/shop/files/CGL_SWERVE_1533.jpg?v=1713540326&amp;width=60 60w, //colourpop.com/cdn/shop/files/CGL_SWERVE_1533.jpg?v=1713540326&amp;width=80 80w, //colourpop.com/cdn/shop/files/CGL_SWERVE_1533.jpg?v=1713540326&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/CGL_BREW_HAHA_1567.jpg?v=1713540327&amp;width=120\" alt=\"Closed eyelid showcases a soft, smoky wing in rich brown, applied with New BFF Crème Gel Liner for a smooth, matte finish; precise line hugs the lash line beneath a groomed brow, highlighting ColourPop Crème Gel Liner payoff and long-wear control.\" srcset=\"//colourpop.com/cdn/shop/files/CGL_BREW_HAHA_1567.jpg?v=1713540327&amp;width=60 60w, //colourpop.com/cdn/shop/files/CGL_BREW_HAHA_1567.jpg?v=1713540327&amp;width=80 80w, //colourpop.com/cdn/shop/files/CGL_BREW_HAHA_1567.jpg?v=1713540327&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/tried-and-true-bff-creme-gel-liner-arm-swatches2.jpg?v=1744556463&amp;width=120\" alt=\"ColourPop Crème Gel Liner New BFF swatches line three arms from light to deep skin tones, showing matte and metallic neutrals labeled Exit, Calabasas, Honeydude, Kicker, Hit the Jackpot, Overboard, Sunnyvale, Karaoke Night, Brew Haha, and Swerve.\" srcset=\"//colourpop.com/cdn/shop/files/tried-and-true-bff-creme-gel-liner-arm-swatches2.jpg?v=1744556463&amp;width=60 60w, //colourpop.com/cdn/shop/files/tried-and-true-bff-creme-gel-liner-arm-swatches2.jpg?v=1744556463&amp;width=80 80w, //colourpop.com/cdn/shop/files/tried-and-true-bff-creme-gel-liner-arm-swatches2.jpg?v=1744556463&amp;width=120 120w\" width=\"120\" height=\"2401.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/New-BFF-CGL-Bundle.jpg?v=1744556463&amp;width=120\" alt=\"New BFF ColourPop Crème Gel Liner trio standing uncapped, twist-up pencils in nude, deep brown, and charcoal-black shades with doodle-printed caps, shown on a white background for a clear view of the tips and packaging.\" srcset=\"//colourpop.com/cdn/shop/files/New-BFF-CGL-Bundle.jpg?v=1744556463&amp;width=60 60w, //colourpop.com/cdn/shop/files/New-BFF-CGL-Bundle.jpg?v=1744556463&amp;width=80 80w, //colourpop.com/cdn/shop/files/New-BFF-CGL-Bundle.jpg?v=1744556463&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/preview_images/2fcec9551fe14767a33ec89dabc37f87.thumbnail.0000000000.jpg?v=1729551622&amp;width=120\" alt=\"\" srcset=\"//colourpop.com/cdn/shop/files/preview_images/2fcec9551fe14767a33ec89dabc37f87.thumbnail.0000000000.jpg?v=1729551622&amp;width=60 60w, //colourpop.com/cdn/shop/files/preview_images/2fcec9551fe14767a33ec89dabc37f87.thumbnail.0000000000.jpg?v=1729551622&amp;width=80 80w, //colourpop.com/cdn/shop/files/preview_images/2fcec9551fe14767a33ec89dabc37f87.thumbnail.0000000000.jpg?v=1729551622&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-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/CGLInfographicFeed_a9a4e335-597a-4004-ad40-62b3acfeadca.jpg?v=1744556463&amp;width=120\" alt=\"ColourPop Crème Gel Liner New BFF pencils line up in a rainbow, caps off to show matte and metallic tips; waterproof 18‑hour wear and super‑creamy, tug‑free glide, twist‑up design, set against a pink doodle backdrop.\" srcset=\"//colourpop.com/cdn/shop/files/CGLInfographicFeed_a9a4e335-597a-4004-ad40-62b3acfeadca.jpg?v=1744556463&amp;width=60 60w, //colourpop.com/cdn/shop/files/CGLInfographicFeed_a9a4e335-597a-4004-ad40-62b3acfeadca.jpg?v=1744556463&amp;width=80 80w, //colourpop.com/cdn/shop/files/CGLInfographicFeed_a9a4e335-597a-4004-ad40-62b3acfeadca.jpg?v=1744556463&amp;width=120 120w\" width=\"120\" height=\"1000.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/CGL-Infographic-Updated-Animation_7db388f2-e7c0-4f7c-b26b-02e6709c69da.jpg?v=1744556463&amp;width=120\" alt=\"ColourPop Crème Gel Liner New BFF pencils line up top and bottom, caps off to show a rainbow of matte and metallic shades, highlighting waterproof 18-hour wear, super creamy glide, and twist-up no-sharpen design on a pastel gradient backdrop.\" srcset=\"//colourpop.com/cdn/shop/files/CGL-Infographic-Updated-Animation_7db388f2-e7c0-4f7c-b26b-02e6709c69da.jpg?v=1744556463&amp;width=60 60w, //colourpop.com/cdn/shop/files/CGL-Infographic-Updated-Animation_7db388f2-e7c0-4f7c-b26b-02e6709c69da.jpg?v=1744556463&amp;width=80 80w, //colourpop.com/cdn/shop/files/CGL-Infographic-Updated-Animation_7db388f2-e7c0-4f7c-b26b-02e6709c69da.jpg?v=1744556463&amp;width=120 120w\" width=\"120\" height=\"828.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/New-BFF-CGL-Bundle-Macro_1.jpg?v=1687279877&amp;width=620\" alt=\"New BFF ColourPop Crème Gel Liner trio standing tip-up, retractable pencils in nude, deep brown, and black with bold swipe swatches behind each on a split background, showcasing smooth, creamy eyeliner shades.\" srcset=\"//colourpop.com/cdn/shop/files/New-BFF-CGL-Bundle-Macro_1.jpg?v=1687279877&amp;width=600 600w, //colourpop.com/cdn/shop/files/New-BFF-CGL-Bundle-Macro_1.jpg?v=1687279877&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/CGL_SWERVE_1533.jpg?v=1713540326&amp;width=620\" alt=\"New BFF Crème Gel Liner tracing a bold, matte black graphic cat eye around a blue‑gray iris, with a precise inner corner point and extended wing, shown in a close-up of natural lashes and groomed brow; ColourPop TTS Exclusive.\" srcset=\"//colourpop.com/cdn/shop/files/CGL_SWERVE_1533.jpg?v=1713540326&amp;width=600 600w, //colourpop.com/cdn/shop/files/CGL_SWERVE_1533.jpg?v=1713540326&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/CGL_BREW_HAHA_1567.jpg?v=1713540327&amp;width=620\" alt=\"Closed eyelid showcases a soft, smoky wing in rich brown, applied with New BFF Crème Gel Liner for a smooth, matte finish; precise line hugs the lash line beneath a groomed brow, highlighting ColourPop Crème Gel Liner payoff and long-wear control.\" srcset=\"//colourpop.com/cdn/shop/files/CGL_BREW_HAHA_1567.jpg?v=1713540327&amp;width=600 600w, //colourpop.com/cdn/shop/files/CGL_BREW_HAHA_1567.jpg?v=1713540327&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/tried-and-true-bff-creme-gel-liner-arm-swatches2.jpg?v=1744556463&amp;width=620\" alt=\"ColourPop Crème Gel Liner New BFF swatches line three arms from light to deep skin tones, showing matte and metallic neutrals labeled Exit, Calabasas, Honeydude, Kicker, Hit the Jackpot, Overboard, Sunnyvale, Karaoke Night, Brew Haha, and Swerve.\" srcset=\"//colourpop.com/cdn/shop/files/tried-and-true-bff-creme-gel-liner-arm-swatches2.jpg?v=1744556463&amp;width=600 600w, //colourpop.com/cdn/shop/files/tried-and-true-bff-creme-gel-liner-arm-swatches2.jpg?v=1744556463&amp;width=620 620w\" width=\"620\" height=\"2401.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/New-BFF-CGL-Bundle.jpg?v=1744556463&amp;width=620\" alt=\"New BFF ColourPop Crème Gel Liner trio standing uncapped, twist-up pencils in nude, deep brown, and charcoal-black shades with doodle-printed caps, shown on a white background for a clear view of the tips and packaging.\" srcset=\"//colourpop.com/cdn/shop/files/New-BFF-CGL-Bundle.jpg?v=1744556463&amp;width=600 600w, //colourpop.com/cdn/shop/files/New-BFF-CGL-Bundle.jpg?v=1744556463&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<!-- ##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/2fcec9551fe14767a33ec89dabc37f87.thumbnail.0000000000.jpg?v=1729551622&amp;width=1440\" alt=\"\" srcset=\"//colourpop.com/cdn/shop/files/preview_images/2fcec9551fe14767a33ec89dabc37f87.thumbnail.0000000000.jpg?v=1729551622&amp;width=352 352w, //colourpop.com/cdn/shop/files/preview_images/2fcec9551fe14767a33ec89dabc37f87.thumbnail.0000000000.jpg?v=1729551622&amp;width=832 832w, //colourpop.com/cdn/shop/files/preview_images/2fcec9551fe14767a33ec89dabc37f87.thumbnail.0000000000.jpg?v=1729551622&amp;width=1200 1200w, //colourpop.com/cdn/shop/files/preview_images/2fcec9551fe14767a33ec89dabc37f87.thumbnail.0000000000.jpg?v=1729551622&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=\"New BFF\" poster=\"//colourpop.com/cdn/shop/files/preview_images/2fcec9551fe14767a33ec89dabc37f87.thumbnail.0000000000_1100x.jpg?v=1729551622\"><source src=\"//colourpop.com/cdn/shop/videos/c/vp/2fcec9551fe14767a33ec89dabc37f87/2fcec9551fe14767a33ec89dabc37f87.HD-1080p-7.2Mbps-36770855.mp4?v=0\" type=\"video/mp4\"><img src=\"//colourpop.com/cdn/shop/files/preview_images/2fcec9551fe14767a33ec89dabc37f87.thumbnail.0000000000_1100x.jpg?v=1729551622\"></video>\n  </inline-media></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/CGLInfographicFeed_a9a4e335-597a-4004-ad40-62b3acfeadca.jpg?v=1744556463&amp;width=620\" alt=\"ColourPop Crème Gel Liner New BFF pencils line up in a rainbow, caps off to show matte and metallic tips; waterproof 18‑hour wear and super‑creamy, tug‑free glide, twist‑up design, set against a pink doodle backdrop.\" srcset=\"//colourpop.com/cdn/shop/files/CGLInfographicFeed_a9a4e335-597a-4004-ad40-62b3acfeadca.jpg?v=1744556463&amp;width=600 600w, //colourpop.com/cdn/shop/files/CGLInfographicFeed_a9a4e335-597a-4004-ad40-62b3acfeadca.jpg?v=1744556463&amp;width=620 620w\" width=\"620\" height=\"1000.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/CGL-Infographic-Updated-Animation_7db388f2-e7c0-4f7c-b26b-02e6709c69da.jpg?v=1744556463&amp;width=620\" alt=\"ColourPop Crème Gel Liner New BFF pencils line up top and bottom, caps off to show a rainbow of matte and metallic shades, highlighting waterproof 18-hour wear, super creamy glide, and twist-up no-sharpen design on a pastel gradient backdrop.\" srcset=\"//colourpop.com/cdn/shop/files/CGL-Infographic-Updated-Animation_7db388f2-e7c0-4f7c-b26b-02e6709c69da.jpg?v=1744556463&amp;width=600 600w, //colourpop.com/cdn/shop/files/CGL-Infographic-Updated-Animation_7db388f2-e7c0-4f7c-b26b-02e6709c69da.jpg?v=1744556463&amp;width=620 620w\" width=\"620\" height=\"828.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        </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><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      >$24.00 value</span></div>\n<div  sub-section-id='title'>\n          <h1 class='break-words h2 lg:h3'>\n            BFF Crème Gel Liner Trios\n          </h1><h2 class='p '>\n              New BFF\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-7396422615122\"\n    >\n        \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='totally-neutral-creme-gel-liner-set'\n    name='sibling-picker'\n    value='totally-neutral-creme-gel-liner-set'\n    form=''\n    class='sr-only'\n    \n    \n      unavailable\n    \n    \n      data-product-url=\"/products/totally-neutral-creme-gel-liner-set\"\n  data-option-value-id=\"41239404576850\"\n  data-variant-id=\"41239404576850\"\n  data-variant-available=\"false\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='totally-neutral-creme-gel-liner-set'\n    title='totally-neutral-creme-gel-liner-set'\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     before:block before:absolute before:left-0 before:right-0 before:w-full before:h-[2px] before:bg-p-darkest before:-rotate-45 before:top-1/2 before:-translate-y-1/2'\n      \n        style='--swatch--background: #d0b597;'\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/totally-neutral-creme-gel-liner-set?variant=41239404576850&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='new-bff-creme-gel-liner-set'\n    name='sibling-picker'\n    value='new-bff-creme-gel-liner-set'\n    form=''\n    class='sr-only'\n    \n      checked\n    \n    \n    \n      data-product-url=\"/products/new-bff-creme-gel-liner-set\"\n  data-option-value-id=\"41233128554578\"\n  data-variant-id=\"41233128554578\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='new-bff-creme-gel-liner-set'\n    title='new-bff-creme-gel-liner-set'\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='--swatch--background: #2f1819;'\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/new-bff-creme-gel-liner-set?variant=41233128554578&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='out-of-the-blue-creme-gel-liner-set'\n    name='sibling-picker'\n    value='out-of-the-blue-creme-gel-liner-set'\n    form=''\n    class='sr-only'\n    \n    \n      unavailable\n    \n    \n      data-product-url=\"/products/out-of-the-blue-creme-gel-liner-set\"\n  data-option-value-id=\"41239443505234\"\n  data-variant-id=\"41239443505234\"\n  data-variant-available=\"false\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='out-of-the-blue-creme-gel-liner-set'\n    title='out-of-the-blue-creme-gel-liner-set'\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     before:block before:absolute before:left-0 before:right-0 before:w-full before:h-[2px] before:bg-p-darkest before:-rotate-45 before:top-1/2 before:-translate-y-1/2'\n      \n        style='--swatch--background: #44d4f1;'\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/out-of-the-blue-creme-gel-liner-set?variant=41239443505234&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='total-essentials-creme-gel-liner-set'\n    name='sibling-picker'\n    value='total-essentials-creme-gel-liner-set'\n    form=''\n    class='sr-only'\n    \n    \n      unavailable\n    \n    \n      data-product-url=\"/products/total-essentials-creme-gel-liner-set\"\n  data-option-value-id=\"41239400906834\"\n  data-variant-id=\"41239400906834\"\n  data-variant-available=\"false\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='total-essentials-creme-gel-liner-set'\n    title='total-essentials-creme-gel-liner-set'\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     before:block before:absolute before:left-0 before:right-0 before:w-full before:h-[2px] before:bg-p-darkest before:-rotate-45 before:top-1/2 before:-translate-y-1/2'\n      \n        style='--swatch--background: #f4c5cc;'\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/total-essentials-creme-gel-liner-set?variant=41239400906834&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-7396422615122\"\n        value=\"41233128554578\"\n        name=\"sibling-picker-7396422615122\"\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-7396422615122\"\n        value=\"41233128554578\"\n        name=\"sibling-picker-7396422615122\"\n\n        \n\n        \n        \n\n        \n\n        \n\n        \n      \n          >\n            \n        \n          <option value=\"41239404576850\"\n            \n            data-variant-id=\"41239404576850\"\n            data-product-url=\"/products/totally-neutral-creme-gel-liner-set\"\n            data-variant-available=\"false\"\n            data-variant-inventory=\"0\"\n            \n            \n              disabled\n            \n            data-swatch-hex=\"#d0b597\"\n            data-short-description=\"Totally Neutral\"data-type=\"Crème Gel Liner\"\n            data-image=\"//colourpop.com/cdn/shop/files/Totally-Neutral-CGL-Bundle-Macro_bee5c370-7b1a-42f6-b01d-ebc741d27687.jpg?v=1729551581&width=90\"\n          >\n            Totally Neutral\n          </option>\n        \n          <option value=\"41233128554578\"\n            \n              selected\n            \n            data-variant-id=\"41233128554578\"\n            data-product-url=\"/products/new-bff-creme-gel-liner-set\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"1157\"\n            \n            \n            data-swatch-hex=\"#2f1819\"\n            data-short-description=\"New BFF\"data-type=\"Crème Gel Liner\"\n            data-image=\"//colourpop.com/cdn/shop/files/New-BFF-CGL-Bundle-Macro_1.jpg?v=1687279877&width=90\"\n          >\n            New BFF\n          </option>\n        \n          <option value=\"41239443505234\"\n            \n            data-variant-id=\"41239443505234\"\n            data-product-url=\"/products/out-of-the-blue-creme-gel-liner-set\"\n            data-variant-available=\"false\"\n            data-variant-inventory=\"0\"\n            \n            \n              disabled\n            \n            data-swatch-hex=\"#44d4f1\"\n            data-short-description=\"Out of the Blue\"data-type=\"Crème Gel Liner\"\n            data-image=\"//colourpop.com/cdn/shop/files/Out-of-The-Blue-CGL-Bundle-Macro_dbaeeacf-9ff2-4787-8f24-164f5d5ff06c.jpg?v=1729551606&width=90\"\n          >\n            Out of the Blue\n          </option>\n        \n          <option value=\"41239400906834\"\n            \n            data-variant-id=\"41239400906834\"\n            data-product-url=\"/products/total-essentials-creme-gel-liner-set\"\n            data-variant-available=\"false\"\n            data-variant-inventory=\"0\"\n            \n            \n              disabled\n            \n            data-swatch-hex=\"#f4c5cc\"\n            data-short-description=\"Total Essentials\"data-type=\"Crème Gel Liner\"\n            data-image=\"//colourpop.com/cdn/shop/files/Total-Essentials-CGL-Bundle-Macro_e2bcfc6a-f809-4325-82e8-43453a4739e6.jpg?v=1729551606&width=90\"\n          >\n            Total Essentials\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-7396422615122\"\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\":41233128554578,\"title\":\"Default Title\",\"option1\":\"Default Title\",\"option2\":null,\"option3\":null,\"sku\":\"Bundle-NewBFF\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":null,\"available\":true,\"name\":\"New BFF\",\"public_title\":null,\"options\":[\"Default Title\"],\"price\":1440,\"weight\":23,\"compare_at_price\":1800,\"inventory_quantity\":1157,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"10021010163700\",\"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>New BFF</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='41233128554578'\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>New BFF</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='41233128554578'\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 New BFF</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='1157'\n    step='1'\n    aria-label='Quantity for New BFF'\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 New BFF</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--7396422615122'\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            $14.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          $14.40\n        </span><span>\n            <s class='line-through text-[inherit] font-bold'>\n              $18.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=\"7396422615122\" /><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='1440'\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🎨 Ultra-pigmented <br />\n🍦 Super creamy<br />\n⏰ 18HR wear <br />\n🌊 Waterproof<br />\n❤️ Matte finish</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:2023labordaysitewidesale,#.excluded:MISSYOU30,#.hidden:false,#.promo.30offsitewide,#.trigger:worldchocolatedaypromo,040623,category:Kits/Sets,Collection,color:Multi,Crème Gel Liner,event:CGL Upgrade 2023,EyeCollection,finish:Multi,new,productline:ColourPop,productsize:full,producttype:Crème Gel Liner Set,sets + bundles,shopify bundles,SKULifecycle:Permanent,subcategory:Set,unitnumber:3,unittype:bundle,value_sets,vegan,\"\ndata-publish-id=\"g1w7hu6osho9x\"\ndata-product-id=\"7396422615122\">\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>Get 3 bestselling neutral BFF Crème Gel Liners in one set!</p>\n<p>Our waterproof gel formula glides on smoothly for flawless application every time. These creamy liners effortlessly set for 18HR wear that won’t budge or fade - perfect for your waterline. Each vibrant shade is super pigmented to give your eyes the prettiest pop of colour.<br></p>\n<p>Shades Included:<br>Brew Haha: Matte true black brown<br>Honeydude: Matte warm nude<br>Swerve: Matte true onyx black</p>\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\">Glide along your lashline and waterline for defined eyes.<br />\n<br />\nDraw a bold wing and add some eyeshadow to amp it up.<br />\n<br />\nTo smoke out or smudge, use a pencil brush and blend immediately (liner sets after around 10 seconds).<br />\n<br />\nTo prevent breakage, be sure not to overadvance the liner.<br />\n</span>\n          \n\n      </div>\n    </div>\n  </div>\n</div>\n\n          </div>\n\n\n\n</section>\n\n  </main-product>\n\n\n\n</section>"}