{"template--16783548776530__main":"<section id=\"shopify-section-template--16783548776530__main\" class=\"shopify-section\"><link href=\"//colourpop.com/cdn/shop/t/1305/assets/section-main-product.css?v=100253017489428102111791310123\" rel=\"stylesheet\" type=\"text/css\" media=\"all\" />\n<!-- ##entry##core-main-product##endentry## -->\n\n\n\n\n\n\n\n\n  <main-product\n    \n      class='main-product px-sm md:px-pagemargin 2xl:container grid grid-cols-1 lg:grid-cols-2 2xl:grid-cols-[minmax(0,_1fr)_575px] gap-sm py-sm md:py-md'\n      update-url='true'\n    \n    product-url='/products/swerve-creme-gel-liner'\n    variant-id='40380311306322'\n    section-id='template--16783548776530__main'\n    id='template--16783548776530__main'\n    placement='pdp'\n  >\n\n\n  <div class='mt-xs md:m-0 lg:col-start-2'><nav aria-label='Breadcrumb'>\n  <ol class=\"[&_li_+_li]:before:content-['/']\">\n    <li class='inline text-caption'>\n      <a class='text-caption' href='/'>Home</a>\n    </li><li class='inline text-caption'>\n          <a class='text-caption' href='/collections/eyeliner'>\n            Eyeliner\n          </a>\n        </li><li class='inline text-caption'>\n        <a class='pointer-events-none text-caption' href='/products/swerve-creme-gel-liner' aria-current='page'>Swerve</a>\n      </li></ol>\n</nav>\n\n\n<script>\n  document.addEventListener('DOMContentLoaded', () => {\n    const target = document.querySelector('.product-info');\n    if (target) {\n      const observer = new MutationObserver((mutationsList) => {\n        const titleMutation = mutationsList.find(mutation => \n          mutation.target.nodeType === 1 && \n          mutation.target.hasAttribute('sub-section-id') && \n          mutation.target.getAttribute('sub-section-id') == 'title' &&\n          [...mutation.addedNodes].some(n => n.tagName == \"H2\")\n        );\n        if(titleMutation){\n          const title = [...titleMutation.addedNodes].find(n => n.tagName == \"H2\").innerText.trim();\n          document.querySelector('nav[aria-label=\"Breadcrumb\"]').querySelector('a[aria-current=\"page\"]').innerText = title;\n        }\n      });\n      observer.observe(target, { childList: true, subtree: true });\n    }\n  });\n</script>\n</div>\n\n\n\n<style>\n  @media (max-width: 1023px) {\n    swiper-container#MediaGallery-template--16783548776530__main-main-swiper:not(:has(.swiper-slide-active)) {\n      aspect-ratio: 1;\n      overflow: hidden;\n    }\n\n    swiper-container#MediaGallery-template--16783548776530__main-main-swiper:not(:has(.swiper-slide-active)) swiper-slide:not(:first-of-type) {\n      display: none;\n    }\n  }\n\n  \n</style>\n\n\n<div\n  id='MediaGallery-template--16783548776530__main'\n  role='region'\n  sub-section-id='MediaGallery-template--16783548776530__main'\n  aria-label='Gallery Viewer'\n  \n>\n  \n\n<modal-dialog\n    cloak\n    type='modal'\n    id='MediaGallery-template--16783548776530__main-zoom-gallery'\n\n    \n      url=''\n    \n\n    \n      size='modal-max'\n    \n\n    \n\n    \n      close-on-backdrop-click='true'\n    \n\n    \n\n    \n\n    \n\n    \n      close-icon-position='right'\n    \n\n    \n\n    \n  >\n    \n    <div class=\"grid gap-x-xs lg:gap-x-sm grid-cols-[80px,minmax(0,_1fr)] md:grid-cols-[80px,minmax(0,_1fr)] lg:grid-cols-[120px,minmax(0,_1fr)] size-full\">\n      <div class=\"p-xs\">\n        <swiper-container\n          class='block'\n          direction='vertical'\n          slides-per-view='auto'\n          space-between='10'\n          mousewheel='true'\n          id='MediaGallery-template--16783548776530__main-thumbs-swiper-zoom'\n          controller-control='#MediaGallery-template--16783548776530__main-main-swiper'\n        >\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-p-darkest rounded-e-lg duration-300 transition'>\n\n<img src=\"//colourpop.com/cdn/shop/products/Swerve-CGL-macro.jpg?v=1680298481&amp;width=240\" alt=\"ColourPop Crème Gel Liner in Swerve drawing bold matte-black strokes, shown as a twist-up eyeliner tip against a backdrop of thick black swatches, highlighting creamy, long-wearing, smudge-proof formula for precise eye definition.\" srcset=\"//colourpop.com/cdn/shop/products/Swerve-CGL-macro.jpg?v=1680298481&amp;width=60 60w, //colourpop.com/cdn/shop/products/Swerve-CGL-macro.jpg?v=1680298481&amp;width=90 90w, //colourpop.com/cdn/shop/products/Swerve-CGL-macro.jpg?v=1680298481&amp;width=120 120w, //colourpop.com/cdn/shop/products/Swerve-CGL-macro.jpg?v=1680298481&amp;width=180 180w, //colourpop.com/cdn/shop/products/Swerve-CGL-macro.jpg?v=1680298481&amp;width=240 240w\" width=\"90\" height=\"90\" loading=\"eager\" sizes=\"(min-width: 1024px) 104px, 64px\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\"></swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-p-darkest rounded-e-lg duration-300 transition'>\n\n<img src=\"//colourpop.com/cdn/shop/files/CremeGelLiner-Swerve_0467_8740e458-b6d7-4392-a385-44012d4bbcbb.jpg?v=1723678451&amp;width=240\" alt=\"ColourPop Crème Gel Liner in Swerve draws a jet-black, precise cat-eye wing across the upper lash line of a blue eye, showcasing smooth, matte payoff and long-wear definition in a close-up beauty shot.\" srcset=\"//colourpop.com/cdn/shop/files/CremeGelLiner-Swerve_0467_8740e458-b6d7-4392-a385-44012d4bbcbb.jpg?v=1723678451&amp;width=60 60w, //colourpop.com/cdn/shop/files/CremeGelLiner-Swerve_0467_8740e458-b6d7-4392-a385-44012d4bbcbb.jpg?v=1723678451&amp;width=90 90w, //colourpop.com/cdn/shop/files/CremeGelLiner-Swerve_0467_8740e458-b6d7-4392-a385-44012d4bbcbb.jpg?v=1723678451&amp;width=120 120w, //colourpop.com/cdn/shop/files/CremeGelLiner-Swerve_0467_8740e458-b6d7-4392-a385-44012d4bbcbb.jpg?v=1723678451&amp;width=180 180w, //colourpop.com/cdn/shop/files/CremeGelLiner-Swerve_0467_8740e458-b6d7-4392-a385-44012d4bbcbb.jpg?v=1723678451&amp;width=240 240w\" width=\"90\" height=\"90\" loading=\"eager\" sizes=\"(min-width: 1024px) 104px, 64px\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\"></swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-p-darkest rounded-e-lg duration-300 transition'>\n\n<img src=\"//colourpop.com/cdn/shop/files/Untitled_24.png?v=1740683227&amp;width=240\" 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=60 60w, //colourpop.com/cdn/shop/files/Untitled_24.png?v=1740683227&amp;width=90 90w, //colourpop.com/cdn/shop/files/Untitled_24.png?v=1740683227&amp;width=120 120w, //colourpop.com/cdn/shop/files/Untitled_24.png?v=1740683227&amp;width=180 180w, //colourpop.com/cdn/shop/files/Untitled_24.png?v=1740683227&amp;width=240 240w\" width=\"90\" height=\"90\" loading=\"eager\" sizes=\"(min-width: 1024px) 104px, 64px\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\"></swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-p-darkest rounded-e-lg duration-300 transition'>\n\n<img src=\"//colourpop.com/cdn/shop/files/1-Full-Collection_035_2.jpg?v=1713541656&amp;width=240\" alt=\"Charmer Crème Gel Liner displayed among the full rainbow lineup of ColourPop Crème Gel Liner twist-up pencils, tips extended from white through brights to black, standing in a row on a pink background with heart, star, and smiley doodles.\" srcset=\"//colourpop.com/cdn/shop/files/1-Full-Collection_035_2.jpg?v=1713541656&amp;width=60 60w, //colourpop.com/cdn/shop/files/1-Full-Collection_035_2.jpg?v=1713541656&amp;width=90 90w, //colourpop.com/cdn/shop/files/1-Full-Collection_035_2.jpg?v=1713541656&amp;width=120 120w, //colourpop.com/cdn/shop/files/1-Full-Collection_035_2.jpg?v=1713541656&amp;width=180 180w, //colourpop.com/cdn/shop/files/1-Full-Collection_035_2.jpg?v=1713541656&amp;width=240 240w\" width=\"90\" height=\"90\" loading=\"eager\" sizes=\"(min-width: 1024px) 104px, 64px\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\"></swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-p-darkest rounded-e-lg duration-300 transition'>\n\n<img src=\"//colourpop.com/cdn/shop/files/preview_images/2-Full-Collection-Macro-Full_054.jpg?v=1713541816&amp;width=240\" alt=\"\" srcset=\"//colourpop.com/cdn/shop/files/preview_images/2-Full-Collection-Macro-Full_054.jpg?v=1713541816&amp;width=60 60w, //colourpop.com/cdn/shop/files/preview_images/2-Full-Collection-Macro-Full_054.jpg?v=1713541816&amp;width=90 90w, //colourpop.com/cdn/shop/files/preview_images/2-Full-Collection-Macro-Full_054.jpg?v=1713541816&amp;width=120 120w, //colourpop.com/cdn/shop/files/preview_images/2-Full-Collection-Macro-Full_054.jpg?v=1713541816&amp;width=180 180w, //colourpop.com/cdn/shop/files/preview_images/2-Full-Collection-Macro-Full_054.jpg?v=1713541816&amp;width=240 240w\" width=\"90\" height=\"90\" loading=\"eager\" sizes=\"(min-width: 1024px) 104px, 64px\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\"></swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-p-darkest rounded-e-lg duration-300 transition'>\n\n<img src=\"//colourpop.com/cdn/shop/files/CGLInfographicFeed_e7394729-fd62-435b-b4a3-bb0037715afa.jpg?v=1713541647&amp;width=240\" alt=\"ColourPop Peach Fuzz Crème Gel Liner showcases its twist-up tip alongside a rainbow lineup, highlighting waterproof 18-hour wear, creamy glide, and matte and metallic finishes against a pink, icon-patterned backdrop.\" srcset=\"//colourpop.com/cdn/shop/files/CGLInfographicFeed_e7394729-fd62-435b-b4a3-bb0037715afa.jpg?v=1713541647&amp;width=60 60w, //colourpop.com/cdn/shop/files/CGLInfographicFeed_e7394729-fd62-435b-b4a3-bb0037715afa.jpg?v=1713541647&amp;width=90 90w, //colourpop.com/cdn/shop/files/CGLInfographicFeed_e7394729-fd62-435b-b4a3-bb0037715afa.jpg?v=1713541647&amp;width=120 120w, //colourpop.com/cdn/shop/files/CGLInfographicFeed_e7394729-fd62-435b-b4a3-bb0037715afa.jpg?v=1713541647&amp;width=180 180w, //colourpop.com/cdn/shop/files/CGLInfographicFeed_e7394729-fd62-435b-b4a3-bb0037715afa.jpg?v=1713541647&amp;width=240 240w\" width=\"90\" height=\"90\" loading=\"eager\" sizes=\"(min-width: 1024px) 104px, 64px\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\"></swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-p-darkest rounded-e-lg duration-300 transition'>\n\n<img src=\"//colourpop.com/cdn/shop/products/CGL-Infographic-Updated-Animation_a874b9b1-188e-47a2-8f7f-1492a97e56d9.jpg?v=1723678457&amp;width=240\" alt=\"ColourPop Crème Gel Liner Swerve displayed among a rainbow of twist-up liners on a pastel gradient, spotlighting waterproof 18-hour wear, super creamy glide, and a no-sharpen twist-up design for easy, long-lasting eye definition.\" srcset=\"//colourpop.com/cdn/shop/products/CGL-Infographic-Updated-Animation_a874b9b1-188e-47a2-8f7f-1492a97e56d9.jpg?v=1723678457&amp;width=60 60w, //colourpop.com/cdn/shop/products/CGL-Infographic-Updated-Animation_a874b9b1-188e-47a2-8f7f-1492a97e56d9.jpg?v=1723678457&amp;width=90 90w, //colourpop.com/cdn/shop/products/CGL-Infographic-Updated-Animation_a874b9b1-188e-47a2-8f7f-1492a97e56d9.jpg?v=1723678457&amp;width=120 120w, //colourpop.com/cdn/shop/products/CGL-Infographic-Updated-Animation_a874b9b1-188e-47a2-8f7f-1492a97e56d9.jpg?v=1723678457&amp;width=180 180w, //colourpop.com/cdn/shop/products/CGL-Infographic-Updated-Animation_a874b9b1-188e-47a2-8f7f-1492a97e56d9.jpg?v=1723678457&amp;width=240 240w\" width=\"90\" height=\"90\" loading=\"eager\" sizes=\"(min-width: 1024px) 104px, 64px\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\"></swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-p-darkest rounded-e-lg duration-300 transition'>\n\n<img src=\"//colourpop.com/cdn/shop/products/Swerve-CGL-with-Cap.jpg?v=1723678457&amp;width=240\" alt=\"ColourPop Crème Gel Liner in Swerve (black) shown with twist-up tip exposed and cap set beside it; slim matte black pencil with white branding and a cap patterned with hearts, stars, and moons, on a clean white background.\" srcset=\"//colourpop.com/cdn/shop/products/Swerve-CGL-with-Cap.jpg?v=1723678457&amp;width=60 60w, //colourpop.com/cdn/shop/products/Swerve-CGL-with-Cap.jpg?v=1723678457&amp;width=90 90w, //colourpop.com/cdn/shop/products/Swerve-CGL-with-Cap.jpg?v=1723678457&amp;width=120 120w, //colourpop.com/cdn/shop/products/Swerve-CGL-with-Cap.jpg?v=1723678457&amp;width=180 180w, //colourpop.com/cdn/shop/products/Swerve-CGL-with-Cap.jpg?v=1723678457&amp;width=240 240w\" width=\"90\" height=\"90\" loading=\"eager\" sizes=\"(min-width: 1024px) 104px, 64px\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\"></swiper-slide>\n          \n        </swiper-container>\n      </div><!-- ##entry##core-swiper-with-media##endentry## -->\n<swiper-with-media class=\"block relative size-full\">\n        <swiper-container\n          init=\"false\"\n          class='h-full block whitespace-nowrap overflow-clip'\n          watch-slides-progress='true'\n          thumbs-swiper='#MediaGallery-template--16783548776530__main-thumbs-swiper-zoom'\n          auto-scroll-offset='true'\n          navigation='true'\n          slides-per-view='1'\n          id='MediaGallery-template--16783548776530__main-main-swiper-zoom'\n          pagination='true'\n          data-zoom-sizes='(min-width: 1024px) calc(100vw - 140px), calc(100vw - 90px)'\n        >\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<img src=\"//colourpop.com/cdn/shop/products/Swerve-CGL-macro.jpg?v=1680298481&amp;width=2400\" alt=\"ColourPop Crème Gel Liner in Swerve drawing bold matte-black strokes, shown as a twist-up eyeliner tip against a backdrop of thick black swatches, highlighting creamy, long-wearing, smudge-proof formula for precise eye definition.\" srcset=\"//colourpop.com/cdn/shop/products/Swerve-CGL-macro.jpg?v=1680298481&amp;width=600 600w, //colourpop.com/cdn/shop/products/Swerve-CGL-macro.jpg?v=1680298481&amp;width=800 800w, //colourpop.com/cdn/shop/products/Swerve-CGL-macro.jpg?v=1680298481&amp;width=1000 1000w, //colourpop.com/cdn/shop/products/Swerve-CGL-macro.jpg?v=1680298481&amp;width=1200 1200w, //colourpop.com/cdn/shop/products/Swerve-CGL-macro.jpg?v=1680298481&amp;width=1600 1600w, //colourpop.com/cdn/shop/products/Swerve-CGL-macro.jpg?v=1680298481&amp;width=2000 2000w, //colourpop.com/cdn/shop/products/Swerve-CGL-macro.jpg?v=1680298481&amp;width=2400 2400w\" width=\"600\" height=\"600\" loading=\"lazy\" sizes=\"1px\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\"><div class='swiper-lazy-preloader'></div></swiper-slide>\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<img src=\"//colourpop.com/cdn/shop/files/CremeGelLiner-Swerve_0467_8740e458-b6d7-4392-a385-44012d4bbcbb.jpg?v=1723678451&amp;width=2400\" alt=\"ColourPop Crème Gel Liner in Swerve draws a jet-black, precise cat-eye wing across the upper lash line of a blue eye, showcasing smooth, matte payoff and long-wear definition in a close-up beauty shot.\" srcset=\"//colourpop.com/cdn/shop/files/CremeGelLiner-Swerve_0467_8740e458-b6d7-4392-a385-44012d4bbcbb.jpg?v=1723678451&amp;width=600 600w, //colourpop.com/cdn/shop/files/CremeGelLiner-Swerve_0467_8740e458-b6d7-4392-a385-44012d4bbcbb.jpg?v=1723678451&amp;width=800 800w, //colourpop.com/cdn/shop/files/CremeGelLiner-Swerve_0467_8740e458-b6d7-4392-a385-44012d4bbcbb.jpg?v=1723678451&amp;width=1000 1000w, //colourpop.com/cdn/shop/files/CremeGelLiner-Swerve_0467_8740e458-b6d7-4392-a385-44012d4bbcbb.jpg?v=1723678451&amp;width=1200 1200w, //colourpop.com/cdn/shop/files/CremeGelLiner-Swerve_0467_8740e458-b6d7-4392-a385-44012d4bbcbb.jpg?v=1723678451&amp;width=1600 1600w, //colourpop.com/cdn/shop/files/CremeGelLiner-Swerve_0467_8740e458-b6d7-4392-a385-44012d4bbcbb.jpg?v=1723678451&amp;width=2000 2000w, //colourpop.com/cdn/shop/files/CremeGelLiner-Swerve_0467_8740e458-b6d7-4392-a385-44012d4bbcbb.jpg?v=1723678451&amp;width=2400 2400w\" width=\"600\" height=\"600\" loading=\"lazy\" sizes=\"1px\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\"><div class='swiper-lazy-preloader'></div></swiper-slide>\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<img src=\"//colourpop.com/cdn/shop/files/Untitled_24.png?v=1740683227&amp;width=1080\" 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=600 600w, //colourpop.com/cdn/shop/files/Untitled_24.png?v=1740683227&amp;width=800 800w, //colourpop.com/cdn/shop/files/Untitled_24.png?v=1740683227&amp;width=1000 1000w, //colourpop.com/cdn/shop/files/Untitled_24.png?v=1740683227&amp;width=1080 1080w\" width=\"600\" height=\"600\" loading=\"lazy\" sizes=\"1px\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\"><div class='swiper-lazy-preloader'></div></swiper-slide>\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<img src=\"//colourpop.com/cdn/shop/files/1-Full-Collection_035_2.jpg?v=1713541656&amp;width=2400\" alt=\"Charmer Crème Gel Liner displayed among the full rainbow lineup of ColourPop Crème Gel Liner twist-up pencils, tips extended from white through brights to black, standing in a row on a pink background with heart, star, and smiley doodles.\" srcset=\"//colourpop.com/cdn/shop/files/1-Full-Collection_035_2.jpg?v=1713541656&amp;width=600 600w, //colourpop.com/cdn/shop/files/1-Full-Collection_035_2.jpg?v=1713541656&amp;width=800 800w, //colourpop.com/cdn/shop/files/1-Full-Collection_035_2.jpg?v=1713541656&amp;width=1000 1000w, //colourpop.com/cdn/shop/files/1-Full-Collection_035_2.jpg?v=1713541656&amp;width=1200 1200w, //colourpop.com/cdn/shop/files/1-Full-Collection_035_2.jpg?v=1713541656&amp;width=1600 1600w, //colourpop.com/cdn/shop/files/1-Full-Collection_035_2.jpg?v=1713541656&amp;width=2000 2000w, //colourpop.com/cdn/shop/files/1-Full-Collection_035_2.jpg?v=1713541656&amp;width=2400 2400w\" width=\"600\" height=\"600\" loading=\"lazy\" sizes=\"1px\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\"><div class='swiper-lazy-preloader'></div></swiper-slide>\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<!-- ##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/2-Full-Collection-Macro-Full_054.jpg?v=1713541816&amp;width=1440\" alt=\"\" srcset=\"//colourpop.com/cdn/shop/files/preview_images/2-Full-Collection-Macro-Full_054.jpg?v=1713541816&amp;width=352 352w, //colourpop.com/cdn/shop/files/preview_images/2-Full-Collection-Macro-Full_054.jpg?v=1713541816&amp;width=832 832w, //colourpop.com/cdn/shop/files/preview_images/2-Full-Collection-Macro-Full_054.jpg?v=1713541816&amp;width=1200 1200w, //colourpop.com/cdn/shop/files/preview_images/2-Full-Collection-Macro-Full_054.jpg?v=1713541816&amp;width=1440 1440w\" width=\"1440\" height=\"1440\" 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\"></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=\"Swerve\" poster=\"//colourpop.com/cdn/shop/files/preview_images/2-Full-Collection-Macro-Full_054_1100x.jpg?v=1713541816\"><source src=\"//colourpop.com/cdn/shop/videos/c/vp/cf26563daafb4fa1a8eaeb906953fadc/cf26563daafb4fa1a8eaeb906953fadc.HD-1080p-7.2Mbps-27437397.mp4?v=0\" type=\"video/mp4\"><img src=\"//colourpop.com/cdn/shop/files/preview_images/2-Full-Collection-Macro-Full_054_1100x.jpg?v=1713541816\"></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_e7394729-fd62-435b-b4a3-bb0037715afa.jpg?v=1713541647&amp;width=1000\" alt=\"ColourPop Peach Fuzz Crème Gel Liner showcases its twist-up tip alongside a rainbow lineup, highlighting waterproof 18-hour wear, creamy glide, and matte and metallic finishes against a pink, icon-patterned backdrop.\" srcset=\"//colourpop.com/cdn/shop/files/CGLInfographicFeed_e7394729-fd62-435b-b4a3-bb0037715afa.jpg?v=1713541647&amp;width=600 600w, //colourpop.com/cdn/shop/files/CGLInfographicFeed_e7394729-fd62-435b-b4a3-bb0037715afa.jpg?v=1713541647&amp;width=800 800w, //colourpop.com/cdn/shop/files/CGLInfographicFeed_e7394729-fd62-435b-b4a3-bb0037715afa.jpg?v=1713541647&amp;width=1000 1000w\" width=\"600\" height=\"600\" loading=\"lazy\" sizes=\"1px\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\"><div class='swiper-lazy-preloader'></div></swiper-slide>\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<img src=\"//colourpop.com/cdn/shop/products/CGL-Infographic-Updated-Animation_a874b9b1-188e-47a2-8f7f-1492a97e56d9.jpg?v=1723678457&amp;width=828\" alt=\"ColourPop Crème Gel Liner Swerve displayed among a rainbow of twist-up liners on a pastel gradient, spotlighting waterproof 18-hour wear, super creamy glide, and a no-sharpen twist-up design for easy, long-lasting eye definition.\" srcset=\"//colourpop.com/cdn/shop/products/CGL-Infographic-Updated-Animation_a874b9b1-188e-47a2-8f7f-1492a97e56d9.jpg?v=1723678457&amp;width=600 600w, //colourpop.com/cdn/shop/products/CGL-Infographic-Updated-Animation_a874b9b1-188e-47a2-8f7f-1492a97e56d9.jpg?v=1723678457&amp;width=800 800w, //colourpop.com/cdn/shop/products/CGL-Infographic-Updated-Animation_a874b9b1-188e-47a2-8f7f-1492a97e56d9.jpg?v=1723678457&amp;width=828 828w\" width=\"600\" height=\"600\" loading=\"lazy\" sizes=\"1px\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\"><div class='swiper-lazy-preloader'></div></swiper-slide>\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<img src=\"//colourpop.com/cdn/shop/products/Swerve-CGL-with-Cap.jpg?v=1723678457&amp;width=2400\" alt=\"ColourPop Crème Gel Liner in Swerve (black) shown with twist-up tip exposed and cap set beside it; slim matte black pencil with white branding and a cap patterned with hearts, stars, and moons, on a clean white background.\" srcset=\"//colourpop.com/cdn/shop/products/Swerve-CGL-with-Cap.jpg?v=1723678457&amp;width=600 600w, //colourpop.com/cdn/shop/products/Swerve-CGL-with-Cap.jpg?v=1723678457&amp;width=800 800w, //colourpop.com/cdn/shop/products/Swerve-CGL-with-Cap.jpg?v=1723678457&amp;width=1000 1000w, //colourpop.com/cdn/shop/products/Swerve-CGL-with-Cap.jpg?v=1723678457&amp;width=1200 1200w, //colourpop.com/cdn/shop/products/Swerve-CGL-with-Cap.jpg?v=1723678457&amp;width=1600 1600w, //colourpop.com/cdn/shop/products/Swerve-CGL-with-Cap.jpg?v=1723678457&amp;width=2000 2000w, //colourpop.com/cdn/shop/products/Swerve-CGL-with-Cap.jpg?v=1723678457&amp;width=2400 2400w\" width=\"600\" height=\"600\" loading=\"lazy\" sizes=\"1px\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\"><div class='swiper-lazy-preloader'></div></swiper-slide>\n          \n        </swiper-container>\n      </swiper-with-media>\n    </div>\n  \n  </modal-dialog>\n\n  <script type='module'>\n    if (!window.zoomSizesListenerAdded) {\n      window.zoomSizesListenerAdded = true;\n      document.addEventListener(\n        'click',\n        (event) => {\n          const toggle = event.target.closest('dialog-toggle[modal-id$=\"-zoom-gallery\"]');\n          const modal = toggle && document.getElementById(toggle.getAttribute('modal-id'));\n          if (!modal) return;\n\n          modal.querySelectorAll('[data-zoom-sizes]').forEach((container) => {\n            container.querySelectorAll('img[sizes=\"1px\"]').forEach((img) => {\n              img.sizes = container.dataset.zoomSizes;\n            });\n          });\n        },\n        true\n      );\n    }\n  </script>\n\n  <div\n    \n      class='block gap-y-sm lg:grid lg:grid-cols-[100px,minmax(0,_1fr)] xl:grid-cols-[120px,minmax(0,_1fr)] gap-x-xs place-content-start lg:sticky lg:top-[--header-height]'\n    \n  ><div class='relative overflow-clip lg:mb-5 lg:max-h-[600px]'>\n        <swiper-container\n          class='w-full hidden lg:block absolute top-0 left-0 h-full pt-14 xl:pt-20 pb-6 rounded-lg '\n          direction='vertical'\n          slides-per-view='auto'\n          space-between='4'\n          mousewheel='true'\n          id='MediaGallery-template--16783548776530__main-thumbs-swiper'\n          navigation-next-el='.swiper-button-next-template--16783548776530__main'\n          navigation-prev-el='.swiper-button-prev-template--16783548776530__main'\n          breakpoints='{ \"1024\": { \"slidesPerView\": 4 } }'\n        >\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-1 aspect-square p-1.5 border border-solid rounded-[10px] border-p-lightest [&.swiper-slide-thumb-active]:border-p-darkest duration-300 transition overflow-hidden cursor-pointer'>\n              <div class='relative w-full h-full rounded-md overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/products/Swerve-CGL-macro.jpg?v=1680298481&amp;width=240\" alt=\"ColourPop Crème Gel Liner in Swerve drawing bold matte-black strokes, shown as a twist-up eyeliner tip against a backdrop of thick black swatches, highlighting creamy, long-wearing, smudge-proof formula for precise eye definition.\" srcset=\"//colourpop.com/cdn/shop/products/Swerve-CGL-macro.jpg?v=1680298481&amp;width=60 60w, //colourpop.com/cdn/shop/products/Swerve-CGL-macro.jpg?v=1680298481&amp;width=90 90w, //colourpop.com/cdn/shop/products/Swerve-CGL-macro.jpg?v=1680298481&amp;width=120 120w, //colourpop.com/cdn/shop/products/Swerve-CGL-macro.jpg?v=1680298481&amp;width=180 180w, //colourpop.com/cdn/shop/products/Swerve-CGL-macro.jpg?v=1680298481&amp;width=240 240w\" width=\"120\" height=\"120\" loading=\"eager\" sizes=\"(min-width: 1280px) 108px, 88px\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\"></div>\n            </swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-1 aspect-square p-1.5 border border-solid rounded-[10px] border-p-lightest [&.swiper-slide-thumb-active]:border-p-darkest duration-300 transition overflow-hidden cursor-pointer'>\n              <div class='relative w-full h-full rounded-md overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/CremeGelLiner-Swerve_0467_8740e458-b6d7-4392-a385-44012d4bbcbb.jpg?v=1723678451&amp;width=240\" alt=\"ColourPop Crème Gel Liner in Swerve draws a jet-black, precise cat-eye wing across the upper lash line of a blue eye, showcasing smooth, matte payoff and long-wear definition in a close-up beauty shot.\" srcset=\"//colourpop.com/cdn/shop/files/CremeGelLiner-Swerve_0467_8740e458-b6d7-4392-a385-44012d4bbcbb.jpg?v=1723678451&amp;width=60 60w, //colourpop.com/cdn/shop/files/CremeGelLiner-Swerve_0467_8740e458-b6d7-4392-a385-44012d4bbcbb.jpg?v=1723678451&amp;width=90 90w, //colourpop.com/cdn/shop/files/CremeGelLiner-Swerve_0467_8740e458-b6d7-4392-a385-44012d4bbcbb.jpg?v=1723678451&amp;width=120 120w, //colourpop.com/cdn/shop/files/CremeGelLiner-Swerve_0467_8740e458-b6d7-4392-a385-44012d4bbcbb.jpg?v=1723678451&amp;width=180 180w, //colourpop.com/cdn/shop/files/CremeGelLiner-Swerve_0467_8740e458-b6d7-4392-a385-44012d4bbcbb.jpg?v=1723678451&amp;width=240 240w\" width=\"120\" height=\"120\" loading=\"eager\" sizes=\"(min-width: 1280px) 108px, 88px\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\"></div>\n            </swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-1 aspect-square p-1.5 border border-solid rounded-[10px] border-p-lightest [&.swiper-slide-thumb-active]:border-p-darkest duration-300 transition overflow-hidden cursor-pointer'>\n              <div class='relative w-full h-full rounded-md overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/Untitled_24.png?v=1740683227&amp;width=240\" 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=60 60w, //colourpop.com/cdn/shop/files/Untitled_24.png?v=1740683227&amp;width=90 90w, //colourpop.com/cdn/shop/files/Untitled_24.png?v=1740683227&amp;width=120 120w, //colourpop.com/cdn/shop/files/Untitled_24.png?v=1740683227&amp;width=180 180w, //colourpop.com/cdn/shop/files/Untitled_24.png?v=1740683227&amp;width=240 240w\" width=\"120\" height=\"120\" loading=\"eager\" sizes=\"(min-width: 1280px) 108px, 88px\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\"></div>\n            </swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-1 aspect-square p-1.5 border border-solid rounded-[10px] border-p-lightest [&.swiper-slide-thumb-active]:border-p-darkest duration-300 transition overflow-hidden cursor-pointer'>\n              <div class='relative w-full h-full rounded-md overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/1-Full-Collection_035_2.jpg?v=1713541656&amp;width=240\" alt=\"Charmer Crème Gel Liner displayed among the full rainbow lineup of ColourPop Crème Gel Liner twist-up pencils, tips extended from white through brights to black, standing in a row on a pink background with heart, star, and smiley doodles.\" srcset=\"//colourpop.com/cdn/shop/files/1-Full-Collection_035_2.jpg?v=1713541656&amp;width=60 60w, //colourpop.com/cdn/shop/files/1-Full-Collection_035_2.jpg?v=1713541656&amp;width=90 90w, //colourpop.com/cdn/shop/files/1-Full-Collection_035_2.jpg?v=1713541656&amp;width=120 120w, //colourpop.com/cdn/shop/files/1-Full-Collection_035_2.jpg?v=1713541656&amp;width=180 180w, //colourpop.com/cdn/shop/files/1-Full-Collection_035_2.jpg?v=1713541656&amp;width=240 240w\" width=\"120\" height=\"120\" loading=\"eager\" sizes=\"(min-width: 1280px) 108px, 88px\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\"></div>\n            </swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-1 aspect-square p-1.5 border border-solid rounded-[10px] border-p-lightest [&.swiper-slide-thumb-active]:border-p-darkest duration-300 transition overflow-hidden cursor-pointer'>\n              <div class='relative w-full h-full rounded-md overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/preview_images/2-Full-Collection-Macro-Full_054.jpg?v=1713541816&amp;width=240\" alt=\"\" srcset=\"//colourpop.com/cdn/shop/files/preview_images/2-Full-Collection-Macro-Full_054.jpg?v=1713541816&amp;width=60 60w, //colourpop.com/cdn/shop/files/preview_images/2-Full-Collection-Macro-Full_054.jpg?v=1713541816&amp;width=90 90w, //colourpop.com/cdn/shop/files/preview_images/2-Full-Collection-Macro-Full_054.jpg?v=1713541816&amp;width=120 120w, //colourpop.com/cdn/shop/files/preview_images/2-Full-Collection-Macro-Full_054.jpg?v=1713541816&amp;width=180 180w, //colourpop.com/cdn/shop/files/preview_images/2-Full-Collection-Macro-Full_054.jpg?v=1713541816&amp;width=240 240w\" width=\"120\" height=\"120\" loading=\"eager\" sizes=\"(min-width: 1280px) 108px, 88px\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\"></div>\n            </swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-1 aspect-square p-1.5 border border-solid rounded-[10px] border-p-lightest [&.swiper-slide-thumb-active]:border-p-darkest duration-300 transition overflow-hidden cursor-pointer'>\n              <div class='relative w-full h-full rounded-md overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/CGLInfographicFeed_e7394729-fd62-435b-b4a3-bb0037715afa.jpg?v=1713541647&amp;width=240\" alt=\"ColourPop Peach Fuzz Crème Gel Liner showcases its twist-up tip alongside a rainbow lineup, highlighting waterproof 18-hour wear, creamy glide, and matte and metallic finishes against a pink, icon-patterned backdrop.\" srcset=\"//colourpop.com/cdn/shop/files/CGLInfographicFeed_e7394729-fd62-435b-b4a3-bb0037715afa.jpg?v=1713541647&amp;width=60 60w, //colourpop.com/cdn/shop/files/CGLInfographicFeed_e7394729-fd62-435b-b4a3-bb0037715afa.jpg?v=1713541647&amp;width=90 90w, //colourpop.com/cdn/shop/files/CGLInfographicFeed_e7394729-fd62-435b-b4a3-bb0037715afa.jpg?v=1713541647&amp;width=120 120w, //colourpop.com/cdn/shop/files/CGLInfographicFeed_e7394729-fd62-435b-b4a3-bb0037715afa.jpg?v=1713541647&amp;width=180 180w, //colourpop.com/cdn/shop/files/CGLInfographicFeed_e7394729-fd62-435b-b4a3-bb0037715afa.jpg?v=1713541647&amp;width=240 240w\" width=\"120\" height=\"120\" loading=\"eager\" sizes=\"(min-width: 1280px) 108px, 88px\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\"></div>\n            </swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-1 aspect-square p-1.5 border border-solid rounded-[10px] border-p-lightest [&.swiper-slide-thumb-active]:border-p-darkest duration-300 transition overflow-hidden cursor-pointer'>\n              <div class='relative w-full h-full rounded-md overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/products/CGL-Infographic-Updated-Animation_a874b9b1-188e-47a2-8f7f-1492a97e56d9.jpg?v=1723678457&amp;width=240\" alt=\"ColourPop Crème Gel Liner Swerve displayed among a rainbow of twist-up liners on a pastel gradient, spotlighting waterproof 18-hour wear, super creamy glide, and a no-sharpen twist-up design for easy, long-lasting eye definition.\" srcset=\"//colourpop.com/cdn/shop/products/CGL-Infographic-Updated-Animation_a874b9b1-188e-47a2-8f7f-1492a97e56d9.jpg?v=1723678457&amp;width=60 60w, //colourpop.com/cdn/shop/products/CGL-Infographic-Updated-Animation_a874b9b1-188e-47a2-8f7f-1492a97e56d9.jpg?v=1723678457&amp;width=90 90w, //colourpop.com/cdn/shop/products/CGL-Infographic-Updated-Animation_a874b9b1-188e-47a2-8f7f-1492a97e56d9.jpg?v=1723678457&amp;width=120 120w, //colourpop.com/cdn/shop/products/CGL-Infographic-Updated-Animation_a874b9b1-188e-47a2-8f7f-1492a97e56d9.jpg?v=1723678457&amp;width=180 180w, //colourpop.com/cdn/shop/products/CGL-Infographic-Updated-Animation_a874b9b1-188e-47a2-8f7f-1492a97e56d9.jpg?v=1723678457&amp;width=240 240w\" width=\"120\" height=\"120\" loading=\"eager\" sizes=\"(min-width: 1280px) 108px, 88px\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\"></div>\n            </swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-1 aspect-square p-1.5 border border-solid rounded-[10px] border-p-lightest [&.swiper-slide-thumb-active]:border-p-darkest duration-300 transition overflow-hidden cursor-pointer'>\n              <div class='relative w-full h-full rounded-md overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/products/Swerve-CGL-with-Cap.jpg?v=1723678457&amp;width=240\" alt=\"ColourPop Crème Gel Liner in Swerve (black) shown with twist-up tip exposed and cap set beside it; slim matte black pencil with white branding and a cap patterned with hearts, stars, and moons, on a clean white background.\" srcset=\"//colourpop.com/cdn/shop/products/Swerve-CGL-with-Cap.jpg?v=1723678457&amp;width=60 60w, //colourpop.com/cdn/shop/products/Swerve-CGL-with-Cap.jpg?v=1723678457&amp;width=90 90w, //colourpop.com/cdn/shop/products/Swerve-CGL-with-Cap.jpg?v=1723678457&amp;width=120 120w, //colourpop.com/cdn/shop/products/Swerve-CGL-with-Cap.jpg?v=1723678457&amp;width=180 180w, //colourpop.com/cdn/shop/products/Swerve-CGL-with-Cap.jpg?v=1723678457&amp;width=240 240w\" width=\"120\" height=\"120\" loading=\"eager\" sizes=\"(min-width: 1280px) 108px, 88px\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\"></div>\n            </swiper-slide>\n          \n        </swiper-container><button\n            class='swiper-button-prev swiper-button-prev-template--16783548776530__main absolute left-1/2 top-8 xl:top-14 -translate-x-1/2 w-4 h-4 z-20 [&.swiper-button-disabled]:text-t-disabled'\n            aria-label='Previous slide'\n          >\n            <svg-icon src='icon-chevron'></svg-icon>\n          </button>\n          <button\n            class='swiper-button-next swiper-button-next-template--16783548776530__main absolute rotate-180 left-1/2 bottom-0 -translate-x-1/2 w-4 h-4 z-20 [&.swiper-button-disabled]:text-t-disabled'\n            aria-label='Next slide'\n          >\n            <svg-icon src='icon-chevron'></svg-icon>\n          </button></div><div class='relative'><!-- ##entry##core-swiper-with-media##endentry## -->\n<swiper-with-media\n        class='w-full h-full block'\n      >\n        <swiper-container\n          class='w-full h-full block whitespace-nowrap overflow-clip pb-6'\n          init='false'\n          watch-slides-progress='true'\n          thumbs-swiper='#MediaGallery-template--16783548776530__main-thumbs-swiper'\n          controller-control='#MediaGallery-template--16783548776530__main-main-swiper-zoom'\n          auto-scroll-offset='true'\n          id='MediaGallery-template--16783548776530__main-main-swiper'\n          \n            pagination='{ \"clickable\": true, \"el\": \".swiper-pagination\" }'\n          \n        >\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/products/Swerve-CGL-macro.jpg?v=1680298481&amp;width=1800\" alt=\"ColourPop Crème Gel Liner in Swerve drawing bold matte-black strokes, shown as a twist-up eyeliner tip against a backdrop of thick black swatches, highlighting creamy, long-wearing, smudge-proof formula for precise eye definition.\" srcset=\"//colourpop.com/cdn/shop/products/Swerve-CGL-macro.jpg?v=1680298481&amp;width=400 400w, //colourpop.com/cdn/shop/products/Swerve-CGL-macro.jpg?v=1680298481&amp;width=600 600w, //colourpop.com/cdn/shop/products/Swerve-CGL-macro.jpg?v=1680298481&amp;width=800 800w, //colourpop.com/cdn/shop/products/Swerve-CGL-macro.jpg?v=1680298481&amp;width=1000 1000w, //colourpop.com/cdn/shop/products/Swerve-CGL-macro.jpg?v=1680298481&amp;width=1200 1200w, //colourpop.com/cdn/shop/products/Swerve-CGL-macro.jpg?v=1680298481&amp;width=1500 1500w, //colourpop.com/cdn/shop/products/Swerve-CGL-macro.jpg?v=1680298481&amp;width=1800 1800w\" width=\"620\" height=\"620\" sizes=\"(min-width: 1536px) 660px, (min-width: 1280px) calc(50vw - 200px), (min-width: 1024px) calc(50vw - 170px), calc(100vw - 32px)\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\">\n<dialog-toggle modal-id='MediaGallery-template--16783548776530__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/CremeGelLiner-Swerve_0467_8740e458-b6d7-4392-a385-44012d4bbcbb.jpg?v=1723678451&amp;width=1800\" alt=\"ColourPop Crème Gel Liner in Swerve draws a jet-black, precise cat-eye wing across the upper lash line of a blue eye, showcasing smooth, matte payoff and long-wear definition in a close-up beauty shot.\" srcset=\"//colourpop.com/cdn/shop/files/CremeGelLiner-Swerve_0467_8740e458-b6d7-4392-a385-44012d4bbcbb.jpg?v=1723678451&amp;width=400 400w, //colourpop.com/cdn/shop/files/CremeGelLiner-Swerve_0467_8740e458-b6d7-4392-a385-44012d4bbcbb.jpg?v=1723678451&amp;width=600 600w, //colourpop.com/cdn/shop/files/CremeGelLiner-Swerve_0467_8740e458-b6d7-4392-a385-44012d4bbcbb.jpg?v=1723678451&amp;width=800 800w, //colourpop.com/cdn/shop/files/CremeGelLiner-Swerve_0467_8740e458-b6d7-4392-a385-44012d4bbcbb.jpg?v=1723678451&amp;width=1000 1000w, //colourpop.com/cdn/shop/files/CremeGelLiner-Swerve_0467_8740e458-b6d7-4392-a385-44012d4bbcbb.jpg?v=1723678451&amp;width=1200 1200w, //colourpop.com/cdn/shop/files/CremeGelLiner-Swerve_0467_8740e458-b6d7-4392-a385-44012d4bbcbb.jpg?v=1723678451&amp;width=1500 1500w, //colourpop.com/cdn/shop/files/CremeGelLiner-Swerve_0467_8740e458-b6d7-4392-a385-44012d4bbcbb.jpg?v=1723678451&amp;width=1800 1800w\" width=\"620\" height=\"620\" loading=\"lazy\" sizes=\"(min-width: 1536px) 660px, (min-width: 1280px) calc(50vw - 200px), (min-width: 1024px) calc(50vw - 170px), calc(100vw - 32px)\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--16783548776530__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/Untitled_24.png?v=1740683227&amp;width=1080\" 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=400 400w, //colourpop.com/cdn/shop/files/Untitled_24.png?v=1740683227&amp;width=600 600w, //colourpop.com/cdn/shop/files/Untitled_24.png?v=1740683227&amp;width=800 800w, //colourpop.com/cdn/shop/files/Untitled_24.png?v=1740683227&amp;width=1000 1000w, //colourpop.com/cdn/shop/files/Untitled_24.png?v=1740683227&amp;width=1080 1080w\" width=\"620\" height=\"620\" loading=\"lazy\" sizes=\"(min-width: 1536px) 660px, (min-width: 1280px) calc(50vw - 200px), (min-width: 1024px) calc(50vw - 170px), calc(100vw - 32px)\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--16783548776530__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/1-Full-Collection_035_2.jpg?v=1713541656&amp;width=1800\" alt=\"Charmer Crème Gel Liner displayed among the full rainbow lineup of ColourPop Crème Gel Liner twist-up pencils, tips extended from white through brights to black, standing in a row on a pink background with heart, star, and smiley doodles.\" srcset=\"//colourpop.com/cdn/shop/files/1-Full-Collection_035_2.jpg?v=1713541656&amp;width=400 400w, //colourpop.com/cdn/shop/files/1-Full-Collection_035_2.jpg?v=1713541656&amp;width=600 600w, //colourpop.com/cdn/shop/files/1-Full-Collection_035_2.jpg?v=1713541656&amp;width=800 800w, //colourpop.com/cdn/shop/files/1-Full-Collection_035_2.jpg?v=1713541656&amp;width=1000 1000w, //colourpop.com/cdn/shop/files/1-Full-Collection_035_2.jpg?v=1713541656&amp;width=1200 1200w, //colourpop.com/cdn/shop/files/1-Full-Collection_035_2.jpg?v=1713541656&amp;width=1500 1500w, //colourpop.com/cdn/shop/files/1-Full-Collection_035_2.jpg?v=1713541656&amp;width=1800 1800w\" width=\"620\" height=\"620\" loading=\"lazy\" sizes=\"(min-width: 1536px) 660px, (min-width: 1280px) calc(50vw - 200px), (min-width: 1024px) calc(50vw - 170px), calc(100vw - 32px)\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--16783548776530__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<!-- ##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/2-Full-Collection-Macro-Full_054.jpg?v=1713541816&amp;width=1440\" alt=\"\" srcset=\"//colourpop.com/cdn/shop/files/preview_images/2-Full-Collection-Macro-Full_054.jpg?v=1713541816&amp;width=352 352w, //colourpop.com/cdn/shop/files/preview_images/2-Full-Collection-Macro-Full_054.jpg?v=1713541816&amp;width=832 832w, //colourpop.com/cdn/shop/files/preview_images/2-Full-Collection-Macro-Full_054.jpg?v=1713541816&amp;width=1200 1200w, //colourpop.com/cdn/shop/files/preview_images/2-Full-Collection-Macro-Full_054.jpg?v=1713541816&amp;width=1440 1440w\" width=\"1440\" height=\"1440\" 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\"></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=\"Swerve\" poster=\"//colourpop.com/cdn/shop/files/preview_images/2-Full-Collection-Macro-Full_054_1100x.jpg?v=1713541816\"><source src=\"//colourpop.com/cdn/shop/videos/c/vp/cf26563daafb4fa1a8eaeb906953fadc/cf26563daafb4fa1a8eaeb906953fadc.HD-1080p-7.2Mbps-27437397.mp4?v=0\" type=\"video/mp4\"><img src=\"//colourpop.com/cdn/shop/files/preview_images/2-Full-Collection-Macro-Full_054_1100x.jpg?v=1713541816\"></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_e7394729-fd62-435b-b4a3-bb0037715afa.jpg?v=1713541647&amp;width=1000\" alt=\"ColourPop Peach Fuzz Crème Gel Liner showcases its twist-up tip alongside a rainbow lineup, highlighting waterproof 18-hour wear, creamy glide, and matte and metallic finishes against a pink, icon-patterned backdrop.\" srcset=\"//colourpop.com/cdn/shop/files/CGLInfographicFeed_e7394729-fd62-435b-b4a3-bb0037715afa.jpg?v=1713541647&amp;width=400 400w, //colourpop.com/cdn/shop/files/CGLInfographicFeed_e7394729-fd62-435b-b4a3-bb0037715afa.jpg?v=1713541647&amp;width=600 600w, //colourpop.com/cdn/shop/files/CGLInfographicFeed_e7394729-fd62-435b-b4a3-bb0037715afa.jpg?v=1713541647&amp;width=800 800w, //colourpop.com/cdn/shop/files/CGLInfographicFeed_e7394729-fd62-435b-b4a3-bb0037715afa.jpg?v=1713541647&amp;width=1000 1000w\" width=\"620\" height=\"620\" loading=\"lazy\" sizes=\"(min-width: 1536px) 660px, (min-width: 1280px) calc(50vw - 200px), (min-width: 1024px) calc(50vw - 170px), calc(100vw - 32px)\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--16783548776530__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/products/CGL-Infographic-Updated-Animation_a874b9b1-188e-47a2-8f7f-1492a97e56d9.jpg?v=1723678457&amp;width=828\" alt=\"ColourPop Crème Gel Liner Swerve displayed among a rainbow of twist-up liners on a pastel gradient, spotlighting waterproof 18-hour wear, super creamy glide, and a no-sharpen twist-up design for easy, long-lasting eye definition.\" srcset=\"//colourpop.com/cdn/shop/products/CGL-Infographic-Updated-Animation_a874b9b1-188e-47a2-8f7f-1492a97e56d9.jpg?v=1723678457&amp;width=400 400w, //colourpop.com/cdn/shop/products/CGL-Infographic-Updated-Animation_a874b9b1-188e-47a2-8f7f-1492a97e56d9.jpg?v=1723678457&amp;width=600 600w, //colourpop.com/cdn/shop/products/CGL-Infographic-Updated-Animation_a874b9b1-188e-47a2-8f7f-1492a97e56d9.jpg?v=1723678457&amp;width=800 800w, //colourpop.com/cdn/shop/products/CGL-Infographic-Updated-Animation_a874b9b1-188e-47a2-8f7f-1492a97e56d9.jpg?v=1723678457&amp;width=828 828w\" width=\"620\" height=\"620\" loading=\"lazy\" sizes=\"(min-width: 1536px) 660px, (min-width: 1280px) calc(50vw - 200px), (min-width: 1024px) calc(50vw - 170px), calc(100vw - 32px)\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--16783548776530__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/products/Swerve-CGL-with-Cap.jpg?v=1723678457&amp;width=1800\" alt=\"ColourPop Crème Gel Liner in Swerve (black) shown with twist-up tip exposed and cap set beside it; slim matte black pencil with white branding and a cap patterned with hearts, stars, and moons, on a clean white background.\" srcset=\"//colourpop.com/cdn/shop/products/Swerve-CGL-with-Cap.jpg?v=1723678457&amp;width=400 400w, //colourpop.com/cdn/shop/products/Swerve-CGL-with-Cap.jpg?v=1723678457&amp;width=600 600w, //colourpop.com/cdn/shop/products/Swerve-CGL-with-Cap.jpg?v=1723678457&amp;width=800 800w, //colourpop.com/cdn/shop/products/Swerve-CGL-with-Cap.jpg?v=1723678457&amp;width=1000 1000w, //colourpop.com/cdn/shop/products/Swerve-CGL-with-Cap.jpg?v=1723678457&amp;width=1200 1200w, //colourpop.com/cdn/shop/products/Swerve-CGL-with-Cap.jpg?v=1723678457&amp;width=1500 1500w, //colourpop.com/cdn/shop/products/Swerve-CGL-with-Cap.jpg?v=1723678457&amp;width=1800 1800w\" width=\"620\" height=\"620\" loading=\"lazy\" sizes=\"(min-width: 1536px) 660px, (min-width: 1280px) calc(50vw - 200px), (min-width: 1024px) calc(50vw - 170px), calc(100vw - 32px)\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--16783548776530__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n        </swiper-container><div class='swiper-pagination'></div></swiper-with-media>\n    </div>\n  </div>\n</div>\n\n<section\n  id='ProductInfo-template--16783548776530__main'\n  class='grid grid-cols-1 gap-y-xs place-content-start product-info z-20 '\n>\n<div sub-section-id='badges' class='flex gap-2 empty:hidden '></div>\n<div  sub-section-id='title'>\n          <h1 class='break-words h2 lg:h3'>\n            Creme Gel Liner\n          </h1><h2 class='p '>\n              Swerve\n            </h2></div><div id=\"shopify-block-AcVlUUDhnd2VKWlJzN__okendo_star_rating_aqzXFz\" class=\"shopify-block shopify-app-block\">\n\n\n\n\n    <div\n        data-oke-star-rating\n        data-oke-reviews-product-id=\"shopify-7093159264338\"\n    >\n        <div data-oke-reviews-version=\"0.107.1\" data-oke-container=\"\" class=\"okeReviews oke-sr\"><div class=\"\"><div class=\"oke-sr-rating\"> 4.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,767</span><span class=\"oke-sr-label-text\"> Reviews</span><!----></div><!----></div><script type=\"application/json\" data-oke-metafield-data=\"\"> {\"averageRating\":\"4.7\",\"reviewCount\":8767} </script></div>\n    </div>\n\n\n\n</div>\n\n\n\n\n\n\n  <div class='flex flex-col gap-5 my-4'>\n\n    \n\n\n    \n\n\n    \n\n    \n\n    \n\n    \n\n    \n\n    \n\n    \n\n    \n  </div>\n\n\n          \n\n<variant-picker\n    id='variant-selects-sibling_picker_3wX3bY'\n    class='grid grid-cols-1 gap-y-sm py-3'\n    sub-section-id='sibling_picker_3wX3bY'\n    \n      \n    \n  >\n    \n<p class='sibling-swatch-heading'>\n        <span class='sibling-swatch-heading__label'>Color:</span>\n        <span class='sibling-swatch-heading__value'>Swerve</span><span class='sibling-swatch-heading__description'>True onyx black</span></p><fieldset class='grid grid-cols-1 gap-sm'>\n      \n      \n        <div class='grid grid-cols-1 gap-xs'><div class='sibling-swatch-grid'>\n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='amethyst-hour-creme-gel-liner'\n    name='sibling-picker'\n    value='amethyst-hour-creme-gel-liner'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/amethyst-hour-creme-gel-liner\"\n  data-option-value-id=\"40380298985554\"\n  data-variant-id=\"40380298985554\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='amethyst-hour-creme-gel-liner'\n    title='amethyst-hour-creme-gel-liner'\n    class='sibling-swatch-label relative block'\n    tabindex='0'\n  >\n    \n\n    \n      <span class='sibling-swatch-box '><img\n            src='//colourpop.com/cdn/shop/products/Amethyst-Hour-CGL-macro.jpg?v=1680298040&width=120'\n            srcset='//colourpop.com/cdn/shop/products/Amethyst-Hour-CGL-macro.jpg?v=1680298040&width=60 60w, //colourpop.com/cdn/shop/products/Amethyst-Hour-CGL-macro.jpg?v=1680298040&width=120 120w'\n            sizes='51px'\n            alt='ColourPop Crème Gel Liner in Amethyst Hour stands upright, its rounded tip exposed in a pastel pink barrel, set against bold diagonal swatches of the soft amethyst‑lilac shade.'\n            width='51'\n            height='51'\n            loading='lazy'\n          ></span>\n    \n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/amethyst-hour-creme-gel-liner?variant=40380298985554&sections=template--16783548776530__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='swerve-creme-gel-liner'\n    name='sibling-picker'\n    value='swerve-creme-gel-liner'\n    form=''\n    class='sr-only'\n    \n      checked\n    \n    \n    \n      data-product-url=\"/products/swerve-creme-gel-liner\"\n  data-option-value-id=\"40380311306322\"\n  data-variant-id=\"40380311306322\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='swerve-creme-gel-liner'\n    title='swerve-creme-gel-liner'\n    class='sibling-swatch-label relative block'\n    tabindex='0'\n  >\n    \n\n    \n      <span class='sibling-swatch-box '><img\n            src='//colourpop.com/cdn/shop/products/Swerve-CGL-macro.jpg?v=1680298481&width=120'\n            srcset='//colourpop.com/cdn/shop/products/Swerve-CGL-macro.jpg?v=1680298481&width=60 60w, //colourpop.com/cdn/shop/products/Swerve-CGL-macro.jpg?v=1680298481&width=120 120w'\n            sizes='51px'\n            alt='ColourPop Crème Gel Liner in Swerve drawing bold matte-black strokes, shown as a twist-up eyeliner tip against a backdrop of thick black swatches, highlighting creamy, long-wearing, smudge-proof formula for precise eye definition.'\n            width='51'\n            height='51'\n            loading='lazy'\n          ></span>\n    \n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/swerve-creme-gel-liner?variant=40380311306322&sections=template--16783548776530__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='exit-creme-gel-liner'\n    name='sibling-picker'\n    value='exit-creme-gel-liner'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/exit-creme-gel-liner\"\n  data-option-value-id=\"40380276605010\"\n  data-variant-id=\"40380276605010\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='exit-creme-gel-liner'\n    title='exit-creme-gel-liner'\n    class='sibling-swatch-label relative block'\n    tabindex='0'\n  >\n    \n\n    \n      <span class='sibling-swatch-box '><img\n            src='//colourpop.com/cdn/shop/products/Exit-CGL-macro.jpg?v=1680298151&width=120'\n            srcset='//colourpop.com/cdn/shop/products/Exit-CGL-macro.jpg?v=1680298151&width=60 60w, //colourpop.com/cdn/shop/products/Exit-CGL-macro.jpg?v=1680298151&width=120 120w'\n            sizes='51px'\n            alt='White twist-up eyeliner tip extends from a sleek white barrel, ColourPop Crème Gel Liner in Exit shade, shown close-up against a light streaked background.'\n            width='51'\n            height='51'\n            loading='lazy'\n          ></span>\n    \n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/exit-creme-gel-liner?variant=40380276605010&sections=template--16783548776530__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='honeydude-creme-gel-liner'\n    name='sibling-picker'\n    value='honeydude-creme-gel-liner'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/honeydude-creme-gel-liner\"\n  data-option-value-id=\"40380284862546\"\n  data-variant-id=\"40380284862546\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='honeydude-creme-gel-liner'\n    title='honeydude-creme-gel-liner'\n    class='sibling-swatch-label relative block'\n    tabindex='0'\n  >\n    \n\n    \n      <span class='sibling-swatch-box '><img\n            src='//colourpop.com/cdn/shop/products/Honey-Dude-CGL-macro.jpg?v=1680298195&width=120'\n            srcset='//colourpop.com/cdn/shop/products/Honey-Dude-CGL-macro.jpg?v=1680298195&width=60 60w, //colourpop.com/cdn/shop/products/Honey-Dude-CGL-macro.jpg?v=1680298195&width=120 120w'\n            sizes='51px'\n            alt='Honeydude ColourPop Crème Gel Liner showcasing a creamy nude-beige tip against matching swatch streaks, highlighting the smooth gel pencil eyeliner and its soft honey-tan shade for everyday neutral looks.'\n            width='51'\n            height='51'\n            loading='lazy'\n          ></span>\n    \n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/honeydude-creme-gel-liner?variant=40380284862546&sections=template--16783548776530__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='brew-haha-creme-gel-liner'\n    name='sibling-picker'\n    value='brew-haha-creme-gel-liner'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/brew-haha-creme-gel-liner\"\n  data-option-value-id=\"40380310749266\"\n  data-variant-id=\"40380310749266\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='brew-haha-creme-gel-liner'\n    title='brew-haha-creme-gel-liner'\n    class='sibling-swatch-label relative block'\n    tabindex='0'\n  >\n    \n\n    \n      <span class='sibling-swatch-box '><img\n            src='//colourpop.com/cdn/shop/products/Brew-Haha-CGL-macro.jpg?v=1680298107&width=120'\n            srcset='//colourpop.com/cdn/shop/products/Brew-Haha-CGL-macro.jpg?v=1680298107&width=60 60w, //colourpop.com/cdn/shop/products/Brew-Haha-CGL-macro.jpg?v=1680298107&width=120 120w'\n            sizes='51px'\n            alt='ColourPop Crème Gel Liner in Brew Haha, a deep coffee-brown shade, shown with a twist-up tip in close-up against bold brown swatch strokes on white, highlighting the creamy gel tip and precise pencil format.'\n            width='51'\n            height='51'\n            loading='lazy'\n          ></span>\n    \n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/brew-haha-creme-gel-liner?variant=40380310749266&sections=template--16783548776530__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='sunnyvale-creme-gel-liner'\n    name='sibling-picker'\n    value='sunnyvale-creme-gel-liner'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/sunnyvale-creme-gel-liner\"\n  data-option-value-id=\"40380308619346\"\n  data-variant-id=\"40380308619346\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='sunnyvale-creme-gel-liner'\n    title='sunnyvale-creme-gel-liner'\n    class='sibling-swatch-label relative block'\n    tabindex='0'\n  >\n    \n\n    \n      <span class='sibling-swatch-box '><img\n            src='//colourpop.com/cdn/shop/products/Sunnyvale-CGL-macro.jpg?v=1680298474&width=120'\n            srcset='//colourpop.com/cdn/shop/products/Sunnyvale-CGL-macro.jpg?v=1680298474&width=60 60w, //colourpop.com/cdn/shop/products/Sunnyvale-CGL-macro.jpg?v=1680298474&width=120 120w'\n            sizes='51px'\n            alt='Sunnyvale Crème Gel Liner tip draws bold chocolate-brown strokes across a white backdrop, showcasing the creamy, long-wearing finish of the ColourPop Crème Gel Liner.'\n            width='51'\n            height='51'\n            loading='lazy'\n          ></span>\n    \n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/sunnyvale-creme-gel-liner?variant=40380308619346&sections=template--16783548776530__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='joy-ride-creme-gel-liner'\n    name='sibling-picker'\n    value='joy-ride-creme-gel-liner'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/joy-ride-creme-gel-liner\"\n  data-option-value-id=\"40380308815954\"\n  data-variant-id=\"40380308815954\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='joy-ride-creme-gel-liner'\n    title='joy-ride-creme-gel-liner'\n    class='sibling-swatch-label relative block'\n    tabindex='0'\n  >\n    \n\n    \n      <span class='sibling-swatch-box '><img\n            src='//colourpop.com/cdn/shop/products/Joy-Ride-CGL-macro.jpg?v=1680298259&width=120'\n            srcset='//colourpop.com/cdn/shop/products/Joy-Ride-CGL-macro.jpg?v=1680298259&width=60 60w, //colourpop.com/cdn/shop/products/Joy-Ride-CGL-macro.jpg?v=1680298259&width=120 120w'\n            sizes='51px'\n            alt='ColourPop Joy Ride Crème Gel Liner pencil stands with tip exposed, revealing a smooth wine-burgundy shade against bold diagonal swatches of the same color on white; ColourPop Crème Gel Liner for precise eye definition.'\n            width='51'\n            height='51'\n            loading='lazy'\n          ></span>\n    \n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/joy-ride-creme-gel-liner?variant=40380308815954&sections=template--16783548776530__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='punch-creme-gel-liner'\n    name='sibling-picker'\n    value='punch-creme-gel-liner'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/punch-creme-gel-liner\"\n  data-option-value-id=\"40380294627410\"\n  data-variant-id=\"40380294627410\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='punch-creme-gel-liner'\n    title='punch-creme-gel-liner'\n    class='sibling-swatch-label relative block'\n    tabindex='0'\n  >\n    \n\n    \n      <span class='sibling-swatch-box '><img\n            src='//colourpop.com/cdn/shop/products/Punch-CGL-macro.jpg?v=1680298440&width=120'\n            srcset='//colourpop.com/cdn/shop/products/Punch-CGL-macro.jpg?v=1680298440&width=60 60w, //colourpop.com/cdn/shop/products/Punch-CGL-macro.jpg?v=1680298440&width=120 120w'\n            sizes='51px'\n            alt='Punch Crème Gel Liner, a twist-up ColourPop Crème Gel Liner, vivid sunshine-yellow tip extended from a matching yellow barrel, poised to glide color, with bold diagonal yellow swatches in the background.'\n            width='51'\n            height='51'\n            loading='lazy'\n          ></span>\n    \n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/punch-creme-gel-liner?variant=40380294627410&sections=template--16783548776530__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='prance-creme-gel-liner'\n    name='sibling-picker'\n    value='prance-creme-gel-liner'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/prance-creme-gel-liner\"\n  data-option-value-id=\"40380297412690\"\n  data-variant-id=\"40380297412690\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='prance-creme-gel-liner'\n    title='prance-creme-gel-liner'\n    class='sibling-swatch-label relative block'\n    tabindex='0'\n  >\n    \n\n    \n      <span class='sibling-swatch-box '><img\n            src='//colourpop.com/cdn/shop/products/Prance-Inline-Creme-Gel-Liner-macro.jpg?v=1680298431&width=120'\n            srcset='//colourpop.com/cdn/shop/products/Prance-Inline-Creme-Gel-Liner-macro.jpg?v=1680298431&width=60 60w, //colourpop.com/cdn/shop/products/Prance-Inline-Creme-Gel-Liner-macro.jpg?v=1680298431&width=120 120w'\n            sizes='51px'\n            alt='Prance Crème Gel Liner tip extends from a slim twist-up pencil, laying a pastel periwinkle swipe over diagonal blue swatches; ColourPop Crème Gel Liner delivers smooth, creamy pigment for precise waterline or winged looks.'\n            width='51'\n            height='51'\n            loading='lazy'\n          ></span>\n    \n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/prance-creme-gel-liner?variant=40380297412690&sections=template--16783548776530__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='kicker-creme-gel-liner-n'\n    name='sibling-picker'\n    value='kicker-creme-gel-liner-n'\n    form=''\n    class='sr-only'\n    \n    \n      unavailable\n    \n    \n      data-product-url=\"/products/kicker-creme-gel-liner-n\"\n  data-option-value-id=\"40380266348626\"\n  data-variant-id=\"40380266348626\"\n  data-variant-available=\"false\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='kicker-creme-gel-liner-n'\n    title='kicker-creme-gel-liner-n'\n    class='sibling-swatch-label relative block'\n    tabindex='0'\n  >\n    \n\n    \n      <span class='sibling-swatch-box sibling-swatch-box--unavailable'><img\n            src='//colourpop.com/cdn/shop/products/Kicker-CGL-macro.jpg?v=1680298281&width=120'\n            srcset='//colourpop.com/cdn/shop/products/Kicker-CGL-macro.jpg?v=1680298281&width=60 60w, //colourpop.com/cdn/shop/products/Kicker-CGL-macro.jpg?v=1680298281&width=120 120w'\n            sizes='51px'\n            alt='ColourPop Crème Gel Liner in Kicker, a retractable metallic silver eyeliner, shown with the tip extended and drawing bold shimmering swatches across a white-and-silver backdrop; smooth, long-wear formula for precise lines.'\n            width='51'\n            height='51'\n            loading='lazy'\n          ></span>\n    \n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/kicker-creme-gel-liner-n?variant=40380266348626&sections=template--16783548776530__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='outer-space-creme-gel-liner'\n    name='sibling-picker'\n    value='outer-space-creme-gel-liner'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/outer-space-creme-gel-liner\"\n  data-option-value-id=\"40375207067730\"\n  data-variant-id=\"40375207067730\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='outer-space-creme-gel-liner'\n    title='outer-space-creme-gel-liner'\n    class='sibling-swatch-label relative block'\n    tabindex='0'\n  >\n    \n\n    \n      <span class='sibling-swatch-box '><img\n            src='//colourpop.com/cdn/shop/products/Outer-Space--Inline-Creme-Gel-Liner-macro.jpg?v=1680298390&width=120'\n            srcset='//colourpop.com/cdn/shop/products/Outer-Space--Inline-Creme-Gel-Liner-macro.jpg?v=1680298390&width=60 60w, //colourpop.com/cdn/shop/products/Outer-Space--Inline-Creme-Gel-Liner-macro.jpg?v=1680298390&width=120 120w'\n            sizes='51px'\n            alt='Outer Space ColourPop Crème Gel Liner tip twisting up, laying down a deep teal blue‑green shimmer, with bold swatch streaks behind on a dark sparkly backdrop to showcase the creamy gel liner shade.'\n            width='51'\n            height='51'\n            loading='lazy'\n          ></span>\n    \n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/outer-space-creme-gel-liner?variant=40375207067730&sections=template--16783548776530__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='calabasas-creme-gel-liner'\n    name='sibling-picker'\n    value='calabasas-creme-gel-liner'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/calabasas-creme-gel-liner\"\n  data-option-value-id=\"40375207002194\"\n  data-variant-id=\"40375207002194\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='calabasas-creme-gel-liner'\n    title='calabasas-creme-gel-liner'\n    class='sibling-swatch-label relative block'\n    tabindex='0'\n  >\n    \n\n    \n      <span class='sibling-swatch-box '><img\n            src='//colourpop.com/cdn/shop/files/Calabasas-Inline-Creme-Gel-Liner-macro_72018d02-ee6b-4bb0-be30-6a1c4cbca077.jpg?v=1697136934&width=120'\n            srcset='//colourpop.com/cdn/shop/files/Calabasas-Inline-Creme-Gel-Liner-macro_72018d02-ee6b-4bb0-be30-6a1c4cbca077.jpg?v=1697136934&width=60 60w, //colourpop.com/cdn/shop/files/Calabasas-Inline-Creme-Gel-Liner-macro_72018d02-ee6b-4bb0-be30-6a1c4cbca077.jpg?v=1697136934&width=120 120w'\n            sizes='51px'\n            alt='Calabasas ColourPop Crème Gel Liner pencil shows a shimmering pale pink tip, set over broad metallic rose swatches, highlighting the creamy, long‑wear eyeliner for precise lines on lids and waterline.'\n            width='51'\n            height='51'\n            loading='lazy'\n          ></span>\n    \n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/calabasas-creme-gel-liner?variant=40375207002194&sections=template--16783548776530__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='plum-smash-creme-gel-liner'\n    name='sibling-picker'\n    value='plum-smash-creme-gel-liner'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/plum-smash-creme-gel-liner\"\n  data-option-value-id=\"40380306882642\"\n  data-variant-id=\"40380306882642\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='plum-smash-creme-gel-liner'\n    title='plum-smash-creme-gel-liner'\n    class='sibling-swatch-label relative block'\n    tabindex='0'\n  >\n    \n\n    \n      <span class='sibling-swatch-box '><img\n            src='//colourpop.com/cdn/shop/products/Plum-Smash-CGL-Macro.jpg?v=1680298421&width=120'\n            srcset='//colourpop.com/cdn/shop/products/Plum-Smash-CGL-Macro.jpg?v=1680298421&width=60 60w, //colourpop.com/cdn/shop/products/Plum-Smash-CGL-Macro.jpg?v=1680298421&width=120 120w'\n            sizes='51px'\n            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.'\n            width='51'\n            height='51'\n            loading='lazy'\n          ></span>\n    \n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/plum-smash-creme-gel-liner?variant=40380306882642&sections=template--16783548776530__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='aglow-creme-gel-liner'\n    name='sibling-picker'\n    value='aglow-creme-gel-liner'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/aglow-creme-gel-liner\"\n  data-option-value-id=\"40380297085010\"\n  data-variant-id=\"40380297085010\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='aglow-creme-gel-liner'\n    title='aglow-creme-gel-liner'\n    class='sibling-swatch-label relative block'\n    tabindex='0'\n  >\n    \n\n    \n      <span class='sibling-swatch-box '><img\n            src='//colourpop.com/cdn/shop/products/Aglow-CGL-Macro.jpg?v=1680298003&width=120'\n            srcset='//colourpop.com/cdn/shop/products/Aglow-CGL-Macro.jpg?v=1680298003&width=60 60w, //colourpop.com/cdn/shop/products/Aglow-CGL-Macro.jpg?v=1680298003&width=120 120w'\n            sizes='51px'\n            alt='Shimmery mint-green Aglow ColourPop Crème Gel Liner, the retractable pencil tip centered and ready to apply, with diagonal metallic green swatches behind showcasing the creamy, pearlescent finish.'\n            width='51'\n            height='51'\n            loading='lazy'\n          ></span>\n    \n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/aglow-creme-gel-liner?variant=40380297085010&sections=template--16783548776530__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='charmer-creme-gel-liner'\n    name='sibling-picker'\n    value='charmer-creme-gel-liner'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/charmer-creme-gel-liner\"\n  data-option-value-id=\"40380309143634\"\n  data-variant-id=\"40380309143634\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='charmer-creme-gel-liner'\n    title='charmer-creme-gel-liner'\n    class='sibling-swatch-label relative block'\n    tabindex='0'\n  >\n    \n\n    \n      <span class='sibling-swatch-box '><img\n            src='//colourpop.com/cdn/shop/products/Charmer-Macro.jpg?v=1680298130&width=120'\n            srcset='//colourpop.com/cdn/shop/products/Charmer-Macro.jpg?v=1680298130&width=60 60w, //colourpop.com/cdn/shop/products/Charmer-Macro.jpg?v=1680298130&width=120 120w'\n            sizes='51px'\n            alt='ColourPop Crème Gel Liner in Charmer shows a retractable, creamy tip in deep burgundy with a glossy plum barrel, gliding against bold wine swatches to showcase rich, long-wear eyeliner color and precise application.'\n            width='51'\n            height='51'\n            loading='lazy'\n          ></span>\n    \n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/charmer-creme-gel-liner?variant=40380309143634&sections=template--16783548776530__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n          </div>\n        </div>\n      \n    </fieldset>\n\n    \n<script type='application/json' data-selected-variant>\n      {\"id\":40380311306322,\"title\":\"Default Title\",\"option1\":\"Default Title\",\"option2\":null,\"option3\":null,\"sku\":\"CremeGelLiner-Swerve_n\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":null,\"available\":true,\"name\":\"Swerve\",\"public_title\":null,\"options\":[\"Default Title\"],\"price\":800,\"weight\":17,\"compare_at_price\":0,\"inventory_quantity\":418,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"FG005596\",\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}}\n    </script>\n  </variant-picker>\n\n\n        \n\n\n<div class='grid grid-cols-1 gap-xs mt-2xs' sub-section-id='buy_buttons'>\n          \n\n\n\n\n\n<div  id='buy-buttons' sub-section-id='buy-buttons' class='group/buy-buttons'>\n<product-form\n        class='group/product-form'\n        \n      >\n        <div class='product-form__error-message-wrapper' role='alert' hidden>\n<svg-icon\n  src='icon-error'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class='product-form__error-message'></span>\n        </div><form method=\"post\" action=\"/cart/add\" id=\"product-form-template--16783548776530__main\" accept-charset=\"UTF-8\" class=\"group-[.loading]/product-form:pointer-events-none\" enctype=\"multipart/form-data\" novalidate=\"novalidate\" data-type=\"add-to-cart-form\"><input type=\"hidden\" name=\"form_type\" value=\"product\" /><input type=\"hidden\" name=\"utf8\" value=\"✓\" /><input\n            type='hidden'\n            name='id'\n            class='hidden'\n            value='40380311306322'\n            \n          ><div class='grid grid-cols-1 gap-y-xs min-h-12'>\n<div class='z-3 drop-shadow flex group-[.sticky-atc]/buy-buttons:flex-col group-[.sticky-atc]/buy-buttons:md:flex-row items-center justify-between group-[.sticky-atc]/buy-buttons:z-60 group-[.sticky-atc]/buy-buttons:fixed bottom-0 left-0 w-full group-[.sticky-atc]/buy-buttons:bg-p-lightest group-[.sticky-atc]/buy-buttons:p-4 group-[.sticky-atc]/buy-buttons:sm:px-pagemargin group-[.sticky-atc]/buy_buttons:!h-[30px]'><p class='sticky-atc-title hidden group-[.sticky-atc]/buy-buttons:block lg:mb-0 mb-2'>\n                <strong>Swerve</strong>\n              </p>\n\n              \n\n              <div class='flex sticky-atc-actions  items-center group-[.sticky-atc]/buy-buttons:justify-center group-[.sticky-atc]/buy-buttons:md:justify-start gap-xs lg:gap-sm w-full group-[.sticky-atc]/buy-buttons:md:w-auto'>\n<div\n  id='Quantity-Form-template--16783548776530__main'\n  class='grid grid-cols-1 gap-y-xs'\n  sub-section-id='buy_buttons'\n  \n>\n  \n  <div class='grid gap-y-2xs'>\n\n\n<quantity-input\n  class='grid grid-cols-[20px_15px_20px] sm:grid-cols-[35px_25px_35px] border-solid border border-t-p-darkest rounded-[40px] max-w-fit h-[30px] lg:h-10 z-10 '\n  style='grid-template-columns: 35px 25px 35px;'\n  variant-id='40380311306322'\n  cart-quantity='0'\n  min='1'\n  value='1'\n  \n  \n\n  \n>\n  <button\n    class='inline-flex items-center justify-end text-[10px] disabled:opacity-50 disabled:pointer-events-none caption'\n    name='minus'\n    type='button'\n    \n      disabled\n    \n    id='product-form-template--16783548776530__main-quantity__decrement'\n  >\n    <span class='sr-only'>Decrease quantity for Swerve</span>\n    <span class='caption font-bold text-[16px]'>-</span>\n  </button>\n  <input\n    class='text-center remove-arrow font-bold caption focus:outline-none bg-[transparent] '\n    type='number'\n    name='quantity'\n    value='1'\n    inputmode='numeric'\n    min='1'\n    max='418'\n    step='1'\n    aria-label='Quantity for Swerve'\n    id='product-form-template--16783548776530__main-quantity'\n\n    \n      form='product-form-template--16783548776530__main'\n    \n  >\n  <button\n    class='inline-flex items-center justify-center text-utility disabled:opacity-50 disabled:pointer-events-none'\n    name='plus'\n    type='button'\n    id='product-form-template--16783548776530__main-quantity__increment'\n    \n  >\n    <span class='sr-only'>Increase quantity for Swerve</span>\n    <span class='caption font-bold text-[16px]'>+</span>\n  </button>\n</quantity-input>\n</div>\n  \n  \n</div>\n\n\n                <button\n                  id='ProductSubmitButton-template--16783548776530__main--7093159264338'\n                  type='submit'\n                  name='add'\n                  variant='primary'\n                  class='\n                    btn\n                    product-submit-btn\n                    group-[.sticky-atc]/buy-buttons:grow group-[.sticky-atc]/buy-buttons:md:grow-0\n                    leading-normal\n                    max-w-fit group-[.sticky-atc]/buy-buttons:!max-w-full\n                  '\n                  \n                >\n                  <span\n                    \n                      class='px-6'\n                    \n                  >add to bag\n\n<div\n    class='\n      inline-flex gap-x-xs justify-start items-center group/price font-bold\n'\n    \n  >\n    <div class='inline-flex gap-x-2xs'><div class='group-[.on-sale]/price:hidden'><span class='sr-only'>Regular price</span>\n          <span class='font-bold font-bold'>\n            $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              $0.00\n            </s>\n          </span></div>\n      <small class='caption hidden'>\n        <span class='sr-only'>Unit price</span>\n        <span class='font-bold'>\n          <span></span>\n          <span aria-hidden='true'>/</span>\n          <span class='sr-only'>&nbsp;per&nbsp;</span>\n          <span>\n          </span>\n        </span>\n      </small>\n    </div>\n  </div>\n\n</span>\n                </button>\n                \n                    <script id='attn-waitlist-eligibility' type='application/json'>\n  {\"40380311306322\":false}\n</script>\n<div id='attn-waitlist-trigger'></div>\n\n                \n              </div>\n            </div></div><input type=\"hidden\" name=\"product-id\" value=\"7093159264338\" /><input type=\"hidden\" name=\"section-id\" value=\"template--16783548776530__main\" /></form></product-form>\n</div>\n\n<style>\n  .shopify-payment-button__more-options[aria-hidden='true'] {\n    display: none;\n  }\n  \n  #buy-buttons.sticky-atc quantity-input input,\n  #buy-buttons.sticky-atc quantity-input button,\n  #buy-buttons.sticky-atc quantity-input button span {\n    font-size: 14px !important;\n  }\n\n  #buy-buttons.sticky-atc .buy-buttons-cta {\n    justify-content: center;\n  }\n\n  #buy-buttons.sticky-atc .buy-buttons-cta .btn {\n    flex-grow: 0;\n  }\n\n  @media (min-width: 768px) {\n    #buy-buttons.sticky-atc .buy-buttons-cta {\n      justify-content: flex-start;\n    }\n  }\n  @media (max-width: 1024px) {\n    #buy-buttons .product-submit-btn {\n      height: 36px !important;\n    }\n    #buy-buttons .product-submit-btn span {\n      font-size: 14px;\n    }\n  }\n\n  .sticky-atc-variant {\n    display: none;\n  }\n\n  /* Mobile sticky add to cart: shade dropdown on top, quantity + add to bag below */\n  @media (max-width: 767.98px) {\n    #buy-buttons.sticky-atc .sticky-atc-bar {\n      gap: 10px;\n      padding: 12px 16px calc(12px + env(safe-area-inset-bottom));\n      background-color: #fff;\n    }\n\n    #buy-buttons.sticky-atc .sticky-atc-title {\n      display: none;\n    }\n\n    #buy-buttons.sticky-atc .sticky-atc-variant {\n      display: block;\n      width: 100%;\n    }\n\n    .sticky-atc-variant__pill {\n      position: relative;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      height: 40px;\n      padding: 0 14px 0 14px;\n      border: 1px solid #000;\n      border-radius: 9999px;\n      background-color: #fff;\n      color: #000;\n    }\n\n    .sticky-atc-variant__pill--static {\n      padding-right: 14px;\n    }\n\n    .sticky-atc-variant__pill:focus-within {\n      outline: 2px solid #000;\n      outline-offset: 2px;\n    }\n\n    .sticky-atc-variant__image {\n      flex-shrink: 0;\n      width: 28px;\n      height: 28px;\n      border-radius: 0;\n      object-fit: cover;\n    }\n\n    .sticky-atc-variant__label {\n      flex: 1 1 auto;\n      min-width: 0;\n      overflow: hidden;\n      font-size: 14px;\n      line-height: 1.2;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .sticky-atc-variant__chevron {\n      flex-shrink: 0;\n    }\n\n    /* Native select sits invisibly over the pill so taps open the OS picker */\n    .sticky-atc-variant__select {\n      position: absolute;\n      inset: 0;\n      width: 100%;\n      height: 100%;\n      opacity: 0;\n      cursor: pointer;\n      font-size: 16px;\n      appearance: none;\n    }\n\n    #buy-buttons.sticky-atc .sticky-atc-actions {\n      gap: 8px;\n      width: 100%;\n    }\n\n    /* Keep the quantity wrapper at its natural width so the button can't overlap it */\n    #buy-buttons.sticky-atc .sticky-atc-actions > [id^='Quantity-Form'] {\n      flex: 0 0 auto;\n    }\n\n    #buy-buttons.sticky-atc quantity-input {\n      flex-shrink: 0;\n      grid-template-columns: 34px 28px 34px;\n      height: 40px;\n      max-width: none;\n    }\n\n    #buy-buttons.sticky-atc quantity-input input,\n    #buy-buttons.sticky-atc quantity-input button .caption {\n      font-size: 14px !important;\n    }\n\n    #buy-buttons.sticky-atc .sticky-atc-actions .btn {\n      flex: 1 1 0%;\n      width: auto;\n      min-width: 0 !important;\n      margin-left: 0;\n      height: 40px !important;\n      max-width: none !important;\n      border-radius: 9999px;\n      font-size: 13px !important;\n    }\n  }\n</style>\n\n\n\n          \n            \n          \n        </div><klarna-placement\n          class='klarna__pdp'\n          data-key='credit-promotion-auto-size'\n          data-locale='en-US'\n          data-purchase-amount='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\">🌱 Vegan <br />\n🐰 Cruelty-free<br />\n🎨 Ultra-pigmented<br />\n🍦 Super creamy<br />\n⏰ 18HR wear<br />\n🌊 Waterproof<br />\n❤️ Matte finish <br />\n⚡Metallic finish <br />\n</span></p></p></div><div id=\"shopify-block-AL1NnZXNWQUxiYzBud__tolstoy_shoppable_video_ugc_stories_block_RH3tz6\" class=\"shopify-block shopify-app-block\"><tolstoy-stories\nclass=\"tolstoy-stories\"\ndata-tags=\"#.collection:2023labordaysitewidesale,#.collection:20Galactic,#.collection:BTS2022,#.collection:GalacticSale,#.collection:PromoBackup2,#.collection:promoproducts,#.collection:TemptaliaPromo,#.hidden:false,#.promo.30offsitewide,#.promo:20festival2024,#.promo:25BTS2022,#.promo:30liners,#.promo:5CGL,#.promo:aug24BFFBOGO,#.promo:BOGOBFF21,#.promo:GloskuLiners30,#.promo:robert10,#.promo:SinglesDay30,#.promo:singlesdaybogo2024,#.promo:treat,#.shipping:china,#glosku:neutral30,#JuneBFFPromo,#rmb.glosku:72,040623,AEFAVES,best,Best Seller 2025,Best Sellers,Birthday2026,BOGO033021,category:Eyes,color:black,color:Blacks,crme-gel-liner,Crème Gel Liner,Darks,event:$6 best sellers April 2026,Eye Essentials,Eyeliner,eyes under 20,finish:Matte,glosku:5cgl,Glosku:MascaraBOGO,high rated,IndiaCarousel,KLFavorites,LaborDay21PreSale,look1,look3,Matte,MDW30,mvp.creme-gel-liner,Neutrals,NeverOOS,productline:ColourPop,producttype:Crème Gel Liner,SKULifecycle:Permanent,subcategory:Eyeliner,ThreeMilli,Top 200,Top 300,TopVegan,unitnumber:1,unittype:single,vegan,\"\ndata-publish-id=\"g1w7hu6osho9x\"\ndata-product-id=\"7093159264338\">\n</tolstoy-stories>\n\n\n</div>\n\n\n            <div class='accordion' sub-section-id='collapsible_tab_3wD87W' >\n\n<div id='Details-collapsible_tab_3wD87W-template--16783548776530__main' class='group'>\n  <label\n    class='list-none block py-xs border-b-[currentColor] border-b cursor-pointer '\n    for='accordion-checkbox-collapsible_tab_3wD87W-template--16783548776530__main'\n  >\n    <input\n      aria-controls='accordion-content-collapsible_tab_3wD87W-template--16783548776530__main'\n      aria-labelled='Toggle use it with accordion'\n      class='sr-only peer accordion-content-trigger'\n      type='checkbox'\n      id='accordion-checkbox-collapsible_tab_3wD87W-template--16783548776530__main'\n      name='accordion-input--collapsible_tab_3wd87w-template-16783548776530__main\n'\n      \n        checked\n      \n    >\n    <div class='flex items-center justify-between w-full peer-focus-visible:ring-1 ring-u-focus'>\n      <h3\n        class='text-body font-bold '\n        id='accordion-title-collapsible_tab_3wD87W-template--16783548776530__main'\n      >\n        use it 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--16783548776530__main'\n    role='region'\n    aria-labelledby='accordion-title-collapsible_tab_3wD87W-template--16783548776530__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-2371004858450'\n      product-url='/products/black-on-black'\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/black-on-black'\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/Black-On-Black-BFF-Mascara-With-Cap2.jpg?v=1713537838&amp;width=1000\" alt=\"ColourPop BFF Mascara Black on Black displayed open, wand upright showing dense bristle brush, with a bold black swatch behind; sleek black tube reads Volumizing Mascara and cap features white heart, star, and smiley icons.\" srcset=\"//colourpop.com/cdn/shop/files/Black-On-Black-BFF-Mascara-With-Cap2.jpg?v=1713537838&amp;width=300 300w, //colourpop.com/cdn/shop/files/Black-On-Black-BFF-Mascara-With-Cap2.jpg?v=1713537838&amp;width=400 400w, //colourpop.com/cdn/shop/files/Black-On-Black-BFF-Mascara-With-Cap2.jpg?v=1713537838&amp;width=500 500w, //colourpop.com/cdn/shop/files/Black-On-Black-BFF-Mascara-With-Cap2.jpg?v=1713537838&amp;width=600 600w, //colourpop.com/cdn/shop/files/Black-On-Black-BFF-Mascara-With-Cap2.jpg?v=1713537838&amp;width=700 700w, //colourpop.com/cdn/shop/files/Black-On-Black-BFF-Mascara-With-Cap2.jpg?v=1713537838&amp;width=800 800w, //colourpop.com/cdn/shop/files/Black-On-Black-BFF-Mascara-With-Cap2.jpg?v=1713537838&amp;width=1000 1000w\" width=\"500\" height=\"500\" loading=\"lazy\" sizes=\"95px\" class=\"w-full block h-full w-full object-cover object-center sm:h-full sm:w-full rounded-lg object-cover\" fetchpriority=\"auto\">\n\n\n<img src=\"//colourpop.com/cdn/shop/files/mascara.jpg?v=1726068498&amp;width=1000\" alt=\"Lashes transforming - after frame shows longer, thicker, jet‑black lashes versus natural before - achieved with ColourPop BFF Mascara in Black on Black, illustrating dramatic length, volume, and curl in a close-up eye comparison.\" srcset=\"//colourpop.com/cdn/shop/files/mascara.jpg?v=1726068498&amp;width=300 300w, //colourpop.com/cdn/shop/files/mascara.jpg?v=1726068498&amp;width=400 400w, //colourpop.com/cdn/shop/files/mascara.jpg?v=1726068498&amp;width=500 500w, //colourpop.com/cdn/shop/files/mascara.jpg?v=1726068498&amp;width=600 600w, //colourpop.com/cdn/shop/files/mascara.jpg?v=1726068498&amp;width=700 700w, //colourpop.com/cdn/shop/files/mascara.jpg?v=1726068498&amp;width=800 800w, //colourpop.com/cdn/shop/files/mascara.jpg?v=1726068498&amp;width=1000 1000w\" width=\"500\" height=\"500\" loading=\"lazy\" sizes=\"95px\" 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\">\n        </div>\n      </a>\n    \n\n    <div class='product-card__info 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/black-on-black'\n        >\n          \n            BFF Mascara\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          Black on Black\n        </p>\n      \n      \n\n      \n<div data-oke-star-rating data-oke-reviews-product-id=\"shopify-2371004858450\"><div data-oke-reviews-version=\"0.107.1\" 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,868</span><span class=\"oke-sr-label-text\"> Reviews</span><!----></div><!----></div><script type=\"application/json\" data-oke-metafield-data=\"\"> {\"averageRating\":\"4.5\",\"reviewCount\":2868} </script></div></div>\n\n    </div><div\n          class='\n            product-card__actions flex flex-col gap-y-xs items-center\n            \n            group-[.pair-product]:col-start-2 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/black-on-black'\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'\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            $10.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          $10.00\n        </span><span>\n            <s class='line-through text-[inherit] font-bold'>\n              $0.00\n            </s>\n          </span></div>\n      <small class='caption hidden'>\n        <span class='sr-only'>Unit price</span>\n        <span class='font-bold'>\n          <span></span>\n          <span aria-hidden='true'>/</span>\n          <span class='sr-only'>&nbsp;per&nbsp;</span>\n          <span>\n          </span>\n        </span>\n      </small>\n    </div>\n  </div>\n\n</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<div class='accordion'  sub-section-id='description'>\n\n<div id='Details-description-template--16783548776530__main' class='group'>\n  <label\n    class='list-none block py-xs border-b-[currentColor] border-b cursor-pointer '\n    for='accordion-checkbox-description-template--16783548776530__main'\n  >\n    <input\n      aria-controls='accordion-content-description-template--16783548776530__main'\n      aria-labelled='Toggle product details accordion'\n      class='sr-only peer accordion-content-trigger'\n      type='checkbox'\n      id='accordion-checkbox-description-template--16783548776530__main'\n      name='accordion-input--description-template-16783548776530__main\n'\n      \n        checked\n      \n    >\n    <div class='flex items-center justify-between w-full peer-focus-visible:ring-1 ring-u-focus'>\n      <h3\n        class='text-body font-bold '\n        id='accordion-title-description-template--16783548776530__main'\n      >\n        product details\n      </h3>\n<svg-icon\n  src='icon-plus'\n  class='group-has-[:checked]:rotate-45 duration-300 transition-transform'\n\n  \n    style='--icon-size: 10px;'\n  \n\n  \n  \n></svg-icon>\n</div>\n  </label>\n  \n  \n  <div\n    class='rte group-has-[:checked]:grid-rows-[1fr] group-has-[:checked]:visible grid-rows-[0fr] transition-[visiblity,grid-template-rows] duration-300 grid invisible'\n    id='accordion-content-description-template--16783548776530__main'\n    role='region'\n    aria-labelledby='accordion-title-description-template--16783548776530__main'\n  >\n    <div class='overflow-hidden'>\n      <div class='pt-xs p '>\n        <p>Bold, budgeproof, unapologetically black.</p><p>Swerve is a waterproof creme gel liner that glides on smooth and locks in for up to 18 hours — no tugging, no fading. The creamy formula blends easily on application, then sets firm for smudge-proof, high-impact definition all day long. Perfect for waterlining, tightlining, or everyday liner looks.</p><p>Net Weight 0.2g (0.007 oz)</p>\n      </div>\n    </div>\n  </div>\n</div>\n\n          </div><div class='accordion' sub-section-id='collapsible-row-0' >\n\n<div id='Details-collapsible-row-0-template--16783548776530__main' class='group'>\n  <label\n    class='list-none block py-xs border-b-[currentColor] border-b cursor-pointer '\n    for='accordion-checkbox-collapsible-row-0-template--16783548776530__main'\n  >\n    <input\n      aria-controls='accordion-content-collapsible-row-0-template--16783548776530__main'\n      aria-labelled='Toggle ingredients accordion'\n      class='sr-only peer accordion-content-trigger'\n      type='checkbox'\n      id='accordion-checkbox-collapsible-row-0-template--16783548776530__main'\n      name='accordion-input--collapsible-row-0-template-16783548776530__main\n'\n      \n    >\n    <div class='flex items-center justify-between w-full peer-focus-visible:ring-1 ring-u-focus'>\n      <h3\n        class='text-body font-bold '\n        id='accordion-title-collapsible-row-0-template--16783548776530__main'\n      >\n        ingredients\n      </h3>\n<svg-icon\n  src='icon-plus'\n  class='group-has-[:checked]:rotate-45 duration-300 transition-transform'\n\n  \n    style='--icon-size: 10px;'\n  \n\n  \n  \n></svg-icon>\n</div>\n  </label>\n  \n  \n  <div\n    class='rte group-has-[:checked]:grid-rows-[1fr] group-has-[:checked]:visible grid-rows-[0fr] transition-[visiblity,grid-template-rows] duration-300 grid invisible'\n    id='accordion-content-collapsible-row-0-template--16783548776530__main'\n    role='region'\n    aria-labelledby='accordion-title-collapsible-row-0-template--16783548776530__main'\n  >\n    <div class='overflow-hidden'>\n      <div class='pt-xs p '>\n        <p><span class=\"metafield-multi_line_text_field\"> DIMETHICONE, TRIMETHYLSILOXYSILICATE, CERESIN, POLYETHYLENE, STEAROXY DIMETHICONE, SILICA, TRIETHOXYCAPRYLYLSILANE.&amp;nbsp;MAY CONTAIN: ALUMINUM POWDER (CI 77000), BISMUTH OXYCHLORIDE (CI 77163), BLACK 2 (CI 77266), BLUE 1 LAKE (CI 42090), BRONZE POWDER (CI 77400), CHROMIUM HYDROXIDE GREEN (CI 77289), CHROMIUM OXIDE GREENS (CI 77288), COPPER POWDER (CI 77400), FERRIC AMMONIUM FERROCYANIDE (CI 77510), FERRIC FERROCYANIDE (CI 77510), IRON OXIDES (CI 77491, CI 77492, CI 77499), MANGANESE VIOLET (CI 77742), MICA (CI 77019), RED 40 LAKE (CI 16035), TITANIUM DIOXIDE (CI 77891), ULTRAMARINES (CI 77007), YELLOW 5 LAKE (CI 19140). </span></p>\n          \n\n      </div>\n    </div>\n  </div>\n</div>\n\n          </div>\n\n\n\n<div class='accordion' sub-section-id='collapsible-row-1' >\n\n<div id='Details-collapsible-row-1-template--16783548776530__main' class='group'>\n  <label\n    class='list-none block py-xs border-b-[currentColor] border-b cursor-pointer '\n    for='accordion-checkbox-collapsible-row-1-template--16783548776530__main'\n  >\n    <input\n      aria-controls='accordion-content-collapsible-row-1-template--16783548776530__main'\n      aria-labelled='Toggle how to use accordion'\n      class='sr-only peer accordion-content-trigger'\n      type='checkbox'\n      id='accordion-checkbox-collapsible-row-1-template--16783548776530__main'\n      name='accordion-input--collapsible-row-1-template-16783548776530__main\n'\n      \n    >\n    <div class='flex items-center justify-between w-full peer-focus-visible:ring-1 ring-u-focus'>\n      <h3\n        class='text-body font-bold '\n        id='accordion-title-collapsible-row-1-template--16783548776530__main'\n      >\n        how to use\n      </h3>\n<svg-icon\n  src='icon-plus'\n  class='group-has-[:checked]:rotate-45 duration-300 transition-transform'\n\n  \n    style='--icon-size: 10px;'\n  \n\n  \n  \n></svg-icon>\n</div>\n  </label>\n  \n  \n  <div\n    class='rte group-has-[:checked]:grid-rows-[1fr] group-has-[:checked]:visible grid-rows-[0fr] transition-[visiblity,grid-template-rows] duration-300 grid invisible'\n    id='accordion-content-collapsible-row-1-template--16783548776530__main'\n    role='region'\n    aria-labelledby='accordion-title-collapsible-row-1-template--16783548776530__main'\n  >\n    <div class='overflow-hidden'>\n      <div class='pt-xs p '>\n        <p><span class=\"metafield-multi_line_text_field\">Glide along your lash line or waterline for instant definition.<br />\n<br />\nAdd a wing or add some shadow to turn up the drama.<br />\n<br />\nWant a smudged-out look? Blend fast—the formula sets in 10 seconds. <br />\n<br />\nTip: Don’t twist up too much at once to avoid breakage.</span></p>\n          \n\n      </div>\n    </div>\n  </div>\n</div>\n\n          </div>\n\n\n\n\n\n</section>\n\n  </main-product>\n\n\n\n\n\n</section>"}