{"template--16300830097490__main":"<section id=\"shopify-section-template--16300830097490__main\" class=\"shopify-section\"><!-- ##entry##core-main-product##endentry## -->\n\n<script>\n  ;(() => {\n    const params = new Proxy(new URLSearchParams(window.location.search), {\n      get: (searchParams, prop) => searchParams.get(prop),\n    })\n    if (params.serp == '1') {\n      //console.log('serpclick true')\n      setTimeout(() => {\n        nostojs((api) => {\n          api.recordSearchClick('serp', {\n            productId: '7093145272402',\n            url: 'https://colourpop.com/products/get-lucid-creme-gel-liner-n',\n          })\n        })\n      }, 5000)\n    } else if (params.autocomplete == '1') {\n      setTimeout(() => {\n        nostojs((api) => {\n          api.recordSearchClick('autocomplete', {\n            productId: '7093145272402',\n            url: 'https://colourpop.com/products/get-lucid-creme-gel-liner-n',\n          })\n        })\n        //console.log('autocompleteclick true')\n      }, 5000)\n    } else if (params.category == '1') {\n      setTimeout(() => {\n        nostojs((api) => {\n          api.recordSearchClick('category', {\n            productId: '7093145272402',\n            url: 'https://colourpop.com/products/get-lucid-creme-gel-liner-n',\n          })\n        })\n        //console.log('categoryclick true')\n      }, 5000)\n    }\n  })()\n</script>\n\n\n\n\n\n\n\n\n  <main-product\n    \n      class='main-product px-sm md:px-pagemargin 2xl:container grid grid-cols-1 lg:grid-cols-2 2xl:grid-cols-[minmax(0,_1fr)_575px] gap-sm py-sm md:py-md'\n      update-url='true'\n    \n    product-url='/products/get-lucid-creme-gel-liner-n'\n    variant-id='40380288663634'\n    section-id='template--16300830097490__main'\n    id='template--16300830097490__main'\n    placement='pdp'\n  >\n\n\n  <div class='mt-xs md:m-0 lg:col-start-2'><nav aria-label='Breadcrumb'>\n  <ol class=\"[&_li_+_li]:before:content-['/']\">\n    <li class='inline text-caption'>\n      <a class='text-caption' href='/'>Home</a>\n    </li><li class='inline text-caption'>\n          <a class='text-caption' href='/collections/eyeliner'>\n            Eyeliner\n          </a>\n        </li><li class='inline text-caption'>\n        <a class='pointer-events-none text-caption' href='/products/get-lucid-creme-gel-liner-n' aria-current='page'>Get Lucid</a>\n      </li></ol>\n</nav>\n</div>\n\n\n\n\n\n<div\n  id='MediaGallery-template--16300830097490__main'\n  role='region'\n  sub-section-id='MediaGallery-template--16300830097490__main'\n  aria-label='Gallery Viewer'\n  \n>\n  \n\n<modal-dialog\n    cloak\n    type='modal'\n    id='MediaGallery-template--16300830097490__main-zoom-gallery'\n\n    \n      url=''\n    \n\n    \n      size='modal-max'\n    \n\n    \n\n    \n      close-on-backdrop-click='true'\n    \n\n    \n\n    \n\n    \n\n    \n      close-icon-position='right'\n    \n\n    \n\n    \n  >\n    \n    <div class=\"grid gap-x-xs lg:gap-x-sm grid-cols-[80px,minmax(0,_1fr)] md:grid-cols-[80px,minmax(0,_1fr)] lg:grid-cols-[120px,minmax(0,_1fr)] size-full\">\n      <div class=\"p-xs\">\n        <swiper-container\n          class='block'\n          direction='vertical'\n          slides-per-view='auto'\n          space-between='10'\n          mousewheel='true'\n          id='MediaGallery-template--16300830097490__main-thumbs-swiper-zoom'\n          controller-control='#MediaGallery-template--16300830097490__main-main-swiper'\n        >\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-p-darkest rounded-e-lg duration-300 transition'>\n\n<img src=\"//colourpop.com/cdn/shop/products/Get-Lucid-CGL-Macro.jpg?v=1680298160&amp;width=90\" alt=\"Get Lucid crème gel liner pencil twists up to reveal a shimmering rose-gold tip, set against bold matching swatches that show its metallic payoff; ColourPop Crème Gel Liner in a coppery peach shade for precise eye definition.\" srcset=\"//colourpop.com/cdn/shop/products/Get-Lucid-CGL-Macro.jpg?v=1680298160&amp;width=40 40w, //colourpop.com/cdn/shop/products/Get-Lucid-CGL-Macro.jpg?v=1680298160&amp;width=60 60w, //colourpop.com/cdn/shop/products/Get-Lucid-CGL-Macro.jpg?v=1680298160&amp;width=80 80w, //colourpop.com/cdn/shop/products/Get-Lucid-CGL-Macro.jpg?v=1680298160&amp;width=90 90w\" width=\"90\" height=\"2400.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-p-darkest rounded-e-lg duration-300 transition'>\n\n<img src=\"//colourpop.com/cdn/shop/files/CGL_GETLUCID_0728.jpg?v=1713540327&amp;width=90\" alt=\"Eye showcasing Get Lucid, a metallic copper‑pink ColourPop Crème Gel Liner, swept along upper and lower lash lines with a soft inner-corner flick, emphasizing defined lashes in a clean close-up beauty shot.\" srcset=\"//colourpop.com/cdn/shop/files/CGL_GETLUCID_0728.jpg?v=1713540327&amp;width=40 40w, //colourpop.com/cdn/shop/files/CGL_GETLUCID_0728.jpg?v=1713540327&amp;width=60 60w, //colourpop.com/cdn/shop/files/CGL_GETLUCID_0728.jpg?v=1713540327&amp;width=80 80w, //colourpop.com/cdn/shop/files/CGL_GETLUCID_0728.jpg?v=1713540327&amp;width=90 90w\" width=\"90\" height=\"2401.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-p-darkest rounded-e-lg duration-300 transition'>\n\n<img src=\"//colourpop.com/cdn/shop/files/Untitled_24.png?v=1740683227&amp;width=90\" 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=40 40w, //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=80 80w, //colourpop.com/cdn/shop/files/Untitled_24.png?v=1740683227&amp;width=90 90w\" width=\"90\" height=\"1080.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-p-darkest rounded-e-lg duration-300 transition'>\n\n<img src=\"//colourpop.com/cdn/shop/files/1-Full-Collection_035_2.jpg?v=1713541656&amp;width=90\" 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=40 40w, //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=80 80w, //colourpop.com/cdn/shop/files/1-Full-Collection_035_2.jpg?v=1713541656&amp;width=90 90w\" width=\"90\" height=\"2400.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-p-darkest rounded-e-lg duration-300 transition'>\n\n<img src=\"//colourpop.com/cdn/shop/files/preview_images/2-Full-Collection-Macro-Full_054.jpg?v=1713541816&amp;width=90\" alt=\"\" srcset=\"//colourpop.com/cdn/shop/files/preview_images/2-Full-Collection-Macro-Full_054.jpg?v=1713541816&amp;width=40 40w, //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=80 80w, //colourpop.com/cdn/shop/files/preview_images/2-Full-Collection-Macro-Full_054.jpg?v=1713541816&amp;width=90 90w\" width=\"90\" height=\"2400.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-p-darkest rounded-e-lg duration-300 transition'>\n\n<img src=\"//colourpop.com/cdn/shop/files/CGLInfographicFeed_e7394729-fd62-435b-b4a3-bb0037715afa.jpg?v=1713541647&amp;width=90\" 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=40 40w, //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=80 80w, //colourpop.com/cdn/shop/files/CGLInfographicFeed_e7394729-fd62-435b-b4a3-bb0037715afa.jpg?v=1713541647&amp;width=90 90w\" width=\"90\" height=\"1000.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-p-darkest rounded-e-lg duration-300 transition'>\n\n<img src=\"//colourpop.com/cdn/shop/products/CGL-Infographic-Updated-Animation_d6bf246e-593a-447d-a663-75893e8b465b.jpg?v=1713542635&amp;width=90\" alt=\"Get Lucid crème gel liner pencil showcasing ColourPop Crème Gel Liner benefits - waterproof 18-hour wear, super creamy glide, and twist-up design - surrounded by a rainbow lineup of shades on a pastel gradient backdrop with stars and smiles.\" srcset=\"//colourpop.com/cdn/shop/products/CGL-Infographic-Updated-Animation_d6bf246e-593a-447d-a663-75893e8b465b.jpg?v=1713542635&amp;width=40 40w, //colourpop.com/cdn/shop/products/CGL-Infographic-Updated-Animation_d6bf246e-593a-447d-a663-75893e8b465b.jpg?v=1713542635&amp;width=60 60w, //colourpop.com/cdn/shop/products/CGL-Infographic-Updated-Animation_d6bf246e-593a-447d-a663-75893e8b465b.jpg?v=1713542635&amp;width=80 80w, //colourpop.com/cdn/shop/products/CGL-Infographic-Updated-Animation_d6bf246e-593a-447d-a663-75893e8b465b.jpg?v=1713542635&amp;width=90 90w\" width=\"90\" height=\"828.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></swiper-slide>\n          \n            <swiper-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/Get-Paid-CGL-with-Cap.jpg?v=1713542635&amp;width=90\" alt=\"ColourPop Crème Gel Liner in Get Lucid stands uncapped with twist-up tip extended, showing a warm metallic copper eyeliner; matching copper tube with white branding and a doodled cap beside it on a clean white background.\" srcset=\"//colourpop.com/cdn/shop/products/Get-Paid-CGL-with-Cap.jpg?v=1713542635&amp;width=40 40w, //colourpop.com/cdn/shop/products/Get-Paid-CGL-with-Cap.jpg?v=1713542635&amp;width=60 60w, //colourpop.com/cdn/shop/products/Get-Paid-CGL-with-Cap.jpg?v=1713542635&amp;width=80 80w, //colourpop.com/cdn/shop/products/Get-Paid-CGL-with-Cap.jpg?v=1713542635&amp;width=90 90w\" width=\"90\" height=\"2400.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></swiper-slide>\n          \n        </swiper-container>\n      </div><!-- ##entry##core-swiper-with-media##endentry## -->\n<swiper-with-media class=\"block relative size-full\">\n        <swiper-container\n          init=\"false\"\n          class='h-full block whitespace-nowrap overflow-clip'\n          watch-slides-progress='true'\n          thumbs-swiper='#MediaGallery-template--16300830097490__main-thumbs-swiper-zoom'\n          auto-scroll-offset='true'\n          navigation='true'\n          slides-per-view='1'\n          id='MediaGallery-template--16300830097490__main-main-swiper-zoom'\n          pagination='true'\n        >\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<img src=\"//colourpop.com/cdn/shop/products/Get-Lucid-CGL-Macro.jpg?v=1680298160&amp;width=600\" alt=\"Get Lucid crème gel liner pencil twists up to reveal a shimmering rose-gold tip, set against bold matching swatches that show its metallic payoff; ColourPop Crème Gel Liner in a coppery peach shade for precise eye definition.\" width=\"600\" height=\"2400.0\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"><div class='swiper-lazy-preloader'></div></swiper-slide>\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<img src=\"//colourpop.com/cdn/shop/files/CGL_GETLUCID_0728.jpg?v=1713540327&amp;width=600\" alt=\"Eye showcasing Get Lucid, a metallic copper‑pink ColourPop Crème Gel Liner, swept along upper and lower lash lines with a soft inner-corner flick, emphasizing defined lashes in a clean close-up beauty shot.\" width=\"600\" height=\"2401.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"><div class='swiper-lazy-preloader'></div></swiper-slide>\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<img src=\"//colourpop.com/cdn/shop/files/Untitled_24.png?v=1740683227&amp;width=600\" 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.\" width=\"600\" height=\"1080.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"><div class='swiper-lazy-preloader'></div></swiper-slide>\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<img src=\"//colourpop.com/cdn/shop/files/1-Full-Collection_035_2.jpg?v=1713541656&amp;width=600\" 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.\" width=\"600\" height=\"2400.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"><div class='swiper-lazy-preloader'></div></swiper-slide>\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<!-- ##entry##core-inline-media##endentry## -->\n<inline-media\n    class='size-full group'\n  >\n    <div\n      aria-label=''\n      class='absolute inset-0 w-full h-full flex justify-end items-end z-10'\n    >\n<img src=\"//colourpop.com/cdn/shop/files/preview_images/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=\"0.0\" loading=\"lazy\" sizes=\"50vw\" class=\"w-full block absolute inset-0 w-full h-full group-[[playing=&quot;true&quot;]]:opacity-0 transition-opacity duration-300 pointer-events-none object-cover\" fetchpriority=\"auto\" format=\"pjpg\"></div>\n\n    \n      <div class='flex items-center gap-xs p-sm absolute transform-gpu bottom-0 w-full z-20'>\n        \n          <div class='flex-1 flex justify-start'>\n            <button\n              type='button'\n              play-toggle\n              class='inset-0 size-6 flex items-center justify-center cursor-pointer text-p-lightest border-2 rounded-full border-p-lightest bg-[transparent] drop-shadow bottom-sm left-sm right-auto top-auto m-xs'\n            >\n<svg-icon\n  src='icon-play'\n  class='group-[[playing=\"true\"]]:hidden'\n\n  \n    style='--icon-size: 12px;'\n  \n\n  \n  \n></svg-icon>\n\n<svg-icon\n  src='icon-pause'\n  class='group-[[playing=\"false\"]]:hidden'\n\n  \n    style='--icon-size: 12px;'\n  \n\n  \n  \n></svg-icon>\n</button>\n          </div>\n        \n<div class='flex-1 flex justify-end'>\n            <button\n              type='button'\n              volume-toggle\n              class='inset-0 size-6 flex items-center justify-center cursor-pointer text-p-lightest border-2 rounded-full border-p-lightest bg-[transparent] drop-shadow bottom-sm right-sm left-auto top-auto m-xs'\n            >\n<svg-icon\n  src='icon-unmute'\n  class='group-[[muted=\"true\"]]:hidden'\n\n  \n    style='--icon-size: 12px;'\n  \n\n  \n  \n></svg-icon>\n\n<svg-icon\n  src='icon-mute'\n  class='group-[[muted=\"false\"]]:hidden'\n\n  \n    style='--icon-size: 12px;'\n  \n\n  \n  \n></svg-icon>\n</button>\n          </div></div><video playsinline=\"true\" autoplay=\"autoplay\" loop=\"loop\" muted=\"muted\" class=\"absolute w-full h-full inset-0 object-cover \" preload=\"metadata\" aria-label=\"Get Lucid\" 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=600\" 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.\" width=\"600\" height=\"1000.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"><div class='swiper-lazy-preloader'></div></swiper-slide>\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<img src=\"//colourpop.com/cdn/shop/products/CGL-Infographic-Updated-Animation_d6bf246e-593a-447d-a663-75893e8b465b.jpg?v=1713542635&amp;width=600\" alt=\"Get Lucid crème gel liner pencil showcasing ColourPop Crème Gel Liner benefits - waterproof 18-hour wear, super creamy glide, and twist-up design - surrounded by a rainbow lineup of shades on a pastel gradient backdrop with stars and smiles.\" width=\"600\" height=\"828.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"><div class='swiper-lazy-preloader'></div></swiper-slide>\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<img src=\"//colourpop.com/cdn/shop/products/Get-Paid-CGL-with-Cap.jpg?v=1713542635&amp;width=600\" alt=\"ColourPop Crème Gel Liner in Get Lucid stands uncapped with twist-up tip extended, showing a warm metallic copper eyeliner; matching copper tube with white branding and a doodled cap beside it on a clean white background.\" width=\"600\" height=\"2400.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"><div class='swiper-lazy-preloader'></div></swiper-slide>\n          \n        </swiper-container>\n      </swiper-with-media>\n    </div>\n  \n  </modal-dialog>\n<div\n    \n      class='block gap-y-sm lg:grid lg:grid-cols-[100px,minmax(0,_1fr)] xl:grid-cols-[120px,minmax(0,_1fr)] gap-x-xs place-content-start lg:sticky lg:top-[--header-height]'\n    \n  ><div class='relative overflow-clip lg:mb-5 lg:max-h-[600px]'>\n        <swiper-container\n          class='w-full hidden lg:block absolute top-0 left-0 h-full pt-14 xl:pt-20 pb-6 rounded-lg '\n          direction='vertical'\n          slides-per-view='auto'\n          space-between='4'\n          mousewheel='true'\n          id='MediaGallery-template--16300830097490__main-thumbs-swiper'\n          navigation-next-el='.swiper-button-next-template--16300830097490__main'\n          navigation-prev-el='.swiper-button-prev-template--16300830097490__main'\n          breakpoints='{ \"1024\": { \"slidesPerView\": 4 } }'\n        >\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-1 aspect-square p-1.5 border border-solid rounded-[10px] border-p-lightest [&.swiper-slide-thumb-active]:border-p-darkest duration-300 transition overflow-hidden cursor-pointer'>\n              <div class='relative w-full h-full rounded-md overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/products/Get-Lucid-CGL-Macro.jpg?v=1680298160&amp;width=120\" alt=\"Get Lucid crème gel liner pencil twists up to reveal a shimmering rose-gold tip, set against bold matching swatches that show its metallic payoff; ColourPop Crème Gel Liner in a coppery peach shade for precise eye definition.\" srcset=\"//colourpop.com/cdn/shop/products/Get-Lucid-CGL-Macro.jpg?v=1680298160&amp;width=60 60w, //colourpop.com/cdn/shop/products/Get-Lucid-CGL-Macro.jpg?v=1680298160&amp;width=80 80w, //colourpop.com/cdn/shop/products/Get-Lucid-CGL-Macro.jpg?v=1680298160&amp;width=120 120w\" width=\"120\" height=\"2400.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></div>\n            </swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-1 aspect-square p-1.5 border border-solid rounded-[10px] border-p-lightest [&.swiper-slide-thumb-active]:border-p-darkest duration-300 transition overflow-hidden cursor-pointer'>\n              <div class='relative w-full h-full rounded-md overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/CGL_GETLUCID_0728.jpg?v=1713540327&amp;width=120\" alt=\"Eye showcasing Get Lucid, a metallic copper‑pink ColourPop Crème Gel Liner, swept along upper and lower lash lines with a soft inner-corner flick, emphasizing defined lashes in a clean close-up beauty shot.\" srcset=\"//colourpop.com/cdn/shop/files/CGL_GETLUCID_0728.jpg?v=1713540327&amp;width=60 60w, //colourpop.com/cdn/shop/files/CGL_GETLUCID_0728.jpg?v=1713540327&amp;width=80 80w, //colourpop.com/cdn/shop/files/CGL_GETLUCID_0728.jpg?v=1713540327&amp;width=120 120w\" width=\"120\" height=\"2401.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></div>\n            </swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-1 aspect-square p-1.5 border border-solid rounded-[10px] border-p-lightest [&.swiper-slide-thumb-active]:border-p-darkest duration-300 transition overflow-hidden cursor-pointer'>\n              <div class='relative w-full h-full rounded-md overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/Untitled_24.png?v=1740683227&amp;width=120\" 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=80 80w, //colourpop.com/cdn/shop/files/Untitled_24.png?v=1740683227&amp;width=120 120w\" width=\"120\" height=\"1080.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></div>\n            </swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-1 aspect-square p-1.5 border border-solid rounded-[10px] border-p-lightest [&.swiper-slide-thumb-active]:border-p-darkest duration-300 transition overflow-hidden cursor-pointer'>\n              <div class='relative w-full h-full rounded-md overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/1-Full-Collection_035_2.jpg?v=1713541656&amp;width=120\" 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=80 80w, //colourpop.com/cdn/shop/files/1-Full-Collection_035_2.jpg?v=1713541656&amp;width=120 120w\" width=\"120\" height=\"2400.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></div>\n            </swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-1 aspect-square p-1.5 border border-solid rounded-[10px] border-p-lightest [&.swiper-slide-thumb-active]:border-p-darkest duration-300 transition overflow-hidden cursor-pointer'>\n              <div class='relative w-full h-full rounded-md overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/preview_images/2-Full-Collection-Macro-Full_054.jpg?v=1713541816&amp;width=120\" 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=80 80w, //colourpop.com/cdn/shop/files/preview_images/2-Full-Collection-Macro-Full_054.jpg?v=1713541816&amp;width=120 120w\" width=\"120\" height=\"2400.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></div>\n            </swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-1 aspect-square p-1.5 border border-solid rounded-[10px] border-p-lightest [&.swiper-slide-thumb-active]:border-p-darkest duration-300 transition overflow-hidden cursor-pointer'>\n              <div class='relative w-full h-full rounded-md overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/CGLInfographicFeed_e7394729-fd62-435b-b4a3-bb0037715afa.jpg?v=1713541647&amp;width=120\" 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=80 80w, //colourpop.com/cdn/shop/files/CGLInfographicFeed_e7394729-fd62-435b-b4a3-bb0037715afa.jpg?v=1713541647&amp;width=120 120w\" width=\"120\" height=\"1000.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></div>\n            </swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-1 aspect-square p-1.5 border border-solid rounded-[10px] border-p-lightest [&.swiper-slide-thumb-active]:border-p-darkest duration-300 transition overflow-hidden cursor-pointer'>\n              <div class='relative w-full h-full rounded-md overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/products/CGL-Infographic-Updated-Animation_d6bf246e-593a-447d-a663-75893e8b465b.jpg?v=1713542635&amp;width=120\" alt=\"Get Lucid crème gel liner pencil showcasing ColourPop Crème Gel Liner benefits - waterproof 18-hour wear, super creamy glide, and twist-up design - surrounded by a rainbow lineup of shades on a pastel gradient backdrop with stars and smiles.\" srcset=\"//colourpop.com/cdn/shop/products/CGL-Infographic-Updated-Animation_d6bf246e-593a-447d-a663-75893e8b465b.jpg?v=1713542635&amp;width=60 60w, //colourpop.com/cdn/shop/products/CGL-Infographic-Updated-Animation_d6bf246e-593a-447d-a663-75893e8b465b.jpg?v=1713542635&amp;width=80 80w, //colourpop.com/cdn/shop/products/CGL-Infographic-Updated-Animation_d6bf246e-593a-447d-a663-75893e8b465b.jpg?v=1713542635&amp;width=120 120w\" width=\"120\" height=\"828.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></div>\n            </swiper-slide>\n          \n            <swiper-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/Get-Paid-CGL-with-Cap.jpg?v=1713542635&amp;width=120\" alt=\"ColourPop Crème Gel Liner in Get Lucid stands uncapped with twist-up tip extended, showing a warm metallic copper eyeliner; matching copper tube with white branding and a doodled cap beside it on a clean white background.\" srcset=\"//colourpop.com/cdn/shop/products/Get-Paid-CGL-with-Cap.jpg?v=1713542635&amp;width=60 60w, //colourpop.com/cdn/shop/products/Get-Paid-CGL-with-Cap.jpg?v=1713542635&amp;width=80 80w, //colourpop.com/cdn/shop/products/Get-Paid-CGL-with-Cap.jpg?v=1713542635&amp;width=120 120w\" width=\"120\" height=\"2400.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></div>\n            </swiper-slide>\n          \n        </swiper-container><button\n            class='swiper-button-prev swiper-button-prev-template--16300830097490__main absolute left-1/2 top-8 xl:top-14 -translate-x-1/2 w-4 h-4 z-20 [&.swiper-button-disabled]:text-t-disabled'\n            aria-label='Previous slide'\n          >\n            <svg-icon src='icon-chevron'></svg-icon>\n          </button>\n          <button\n            class='swiper-button-next swiper-button-next-template--16300830097490__main absolute rotate-180 left-1/2 bottom-0 -translate-x-1/2 w-4 h-4 z-20 [&.swiper-button-disabled]:text-t-disabled'\n            aria-label='Next slide'\n          >\n            <svg-icon src='icon-chevron'></svg-icon>\n          </button></div><div class='relative'><!-- ##entry##core-swiper-with-media##endentry## -->\n<swiper-with-media\n        class='w-full h-full block'\n      >\n        <swiper-container\n          class='w-full h-full block whitespace-nowrap overflow-clip pb-6'\n          init='false'\n          watch-slides-progress='true'\n          thumbs-swiper='#MediaGallery-template--16300830097490__main-thumbs-swiper'\n          controller-control='#MediaGallery-template--16300830097490__main-main-swiper-zoom'\n          auto-scroll-offset='true'\n          id='MediaGallery-template--16300830097490__main-main-swiper'\n          \n            pagination='{ \"clickable\": true, \"el\": \".swiper-pagination\" }'\n          \n        >\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/products/Get-Lucid-CGL-Macro.jpg?v=1680298160&amp;width=620\" alt=\"Get Lucid crème gel liner pencil twists up to reveal a shimmering rose-gold tip, set against bold matching swatches that show its metallic payoff; ColourPop Crème Gel Liner in a coppery peach shade for precise eye definition.\" srcset=\"//colourpop.com/cdn/shop/products/Get-Lucid-CGL-Macro.jpg?v=1680298160&amp;width=600 600w, //colourpop.com/cdn/shop/products/Get-Lucid-CGL-Macro.jpg?v=1680298160&amp;width=620 620w\" width=\"620\" height=\"2400.0\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\" format=\"webp\">\n<dialog-toggle modal-id='MediaGallery-template--16300830097490__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/CGL_GETLUCID_0728.jpg?v=1713540327&amp;width=620\" alt=\"Eye showcasing Get Lucid, a metallic copper‑pink ColourPop Crème Gel Liner, swept along upper and lower lash lines with a soft inner-corner flick, emphasizing defined lashes in a clean close-up beauty shot.\" srcset=\"//colourpop.com/cdn/shop/files/CGL_GETLUCID_0728.jpg?v=1713540327&amp;width=600 600w, //colourpop.com/cdn/shop/files/CGL_GETLUCID_0728.jpg?v=1713540327&amp;width=620 620w\" width=\"620\" height=\"2401.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\" format=\"webp\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--16300830097490__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/Untitled_24.png?v=1740683227&amp;width=620\" 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=620 620w\" width=\"620\" height=\"1080.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\" format=\"webp\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--16300830097490__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/1-Full-Collection_035_2.jpg?v=1713541656&amp;width=620\" 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=620 620w\" width=\"620\" height=\"2400.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\" format=\"webp\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--16300830097490__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<!-- ##entry##core-inline-media##endentry## -->\n<inline-media\n    class='size-full group'\n  >\n    <div\n      aria-label=''\n      class='absolute inset-0 w-full h-full flex justify-end items-end z-10'\n    >\n<img src=\"//colourpop.com/cdn/shop/files/preview_images/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=\"0.0\" loading=\"lazy\" sizes=\"50vw\" class=\"w-full block absolute inset-0 w-full h-full group-[[playing=&quot;true&quot;]]:opacity-0 transition-opacity duration-300 pointer-events-none object-cover\" fetchpriority=\"auto\" format=\"pjpg\"></div>\n\n    \n      <div class='flex items-center gap-xs p-sm absolute transform-gpu bottom-0 w-full z-20'>\n        \n          <div class='flex-1 flex justify-start'>\n            <button\n              type='button'\n              play-toggle\n              class='inset-0 size-6 flex items-center justify-center cursor-pointer text-p-lightest border-2 rounded-full border-p-lightest bg-[transparent] drop-shadow bottom-sm left-sm right-auto top-auto m-xs'\n            >\n<svg-icon\n  src='icon-play'\n  class='group-[[playing=\"true\"]]:hidden'\n\n  \n    style='--icon-size: 12px;'\n  \n\n  \n  \n></svg-icon>\n\n<svg-icon\n  src='icon-pause'\n  class='group-[[playing=\"false\"]]:hidden'\n\n  \n    style='--icon-size: 12px;'\n  \n\n  \n  \n></svg-icon>\n</button>\n          </div>\n        \n<div class='flex-1 flex justify-end'>\n            <button\n              type='button'\n              volume-toggle\n              class='inset-0 size-6 flex items-center justify-center cursor-pointer text-p-lightest border-2 rounded-full border-p-lightest bg-[transparent] drop-shadow bottom-sm right-sm left-auto top-auto m-xs'\n            >\n<svg-icon\n  src='icon-unmute'\n  class='group-[[muted=\"true\"]]:hidden'\n\n  \n    style='--icon-size: 12px;'\n  \n\n  \n  \n></svg-icon>\n\n<svg-icon\n  src='icon-mute'\n  class='group-[[muted=\"false\"]]:hidden'\n\n  \n    style='--icon-size: 12px;'\n  \n\n  \n  \n></svg-icon>\n</button>\n          </div></div><video playsinline=\"true\" autoplay=\"autoplay\" loop=\"loop\" muted=\"muted\" class=\"absolute w-full h-full inset-0 object-cover \" preload=\"metadata\" aria-label=\"Get Lucid\" 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=620\" 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=620 620w\" width=\"620\" height=\"1000.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\" format=\"webp\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--16300830097490__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/products/CGL-Infographic-Updated-Animation_d6bf246e-593a-447d-a663-75893e8b465b.jpg?v=1713542635&amp;width=620\" alt=\"Get Lucid crème gel liner pencil showcasing ColourPop Crème Gel Liner benefits - waterproof 18-hour wear, super creamy glide, and twist-up design - surrounded by a rainbow lineup of shades on a pastel gradient backdrop with stars and smiles.\" srcset=\"//colourpop.com/cdn/shop/products/CGL-Infographic-Updated-Animation_d6bf246e-593a-447d-a663-75893e8b465b.jpg?v=1713542635&amp;width=600 600w, //colourpop.com/cdn/shop/products/CGL-Infographic-Updated-Animation_d6bf246e-593a-447d-a663-75893e8b465b.jpg?v=1713542635&amp;width=620 620w\" width=\"620\" height=\"828.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\" format=\"webp\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--16300830097490__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n            \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/Get-Paid-CGL-with-Cap.jpg?v=1713542635&amp;width=620\" alt=\"ColourPop Crème Gel Liner in Get Lucid stands uncapped with twist-up tip extended, showing a warm metallic copper eyeliner; matching copper tube with white branding and a doodled cap beside it on a clean white background.\" srcset=\"//colourpop.com/cdn/shop/products/Get-Paid-CGL-with-Cap.jpg?v=1713542635&amp;width=600 600w, //colourpop.com/cdn/shop/products/Get-Paid-CGL-with-Cap.jpg?v=1713542635&amp;width=620 620w\" width=\"620\" height=\"2400.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\" format=\"webp\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--16300830097490__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n        </swiper-container><div class='swiper-pagination'></div></swiper-with-media>\n    </div>\n  </div>\n</div>\n\n<section\n  id='ProductInfo-template--16300830097490__main'\n  class='grid grid-cols-1 gap-y-xs place-content-start product-info z-20 '\n>\n<div sub-section-id='badges' class='flex gap-2 empty:hidden '><span \n      class='flex leading-4 utility rounded lowercase tracking-wide font-semibold px-2 py-1 bg-p-darkest text-p-lightest decoration-none group-[.product-card]:text-[9px]'\n      style='color: #000000; background-color: #ffffff; border: 1px solid #000000;'\n    >Sale</span></div>\n<div  sub-section-id='title'>\n          <h1 class='break-words h2 lg:h3'>\n            Creme Gel Liner\n          </h1><h2 class='p '>\n              Waterproof Gel Eyeliner\n            </h2></div><div id=\"shopify-block-AMFFESmdTYk5OazN6Y__okendo_star_rating_aqzXFz\" class=\"shopify-block shopify-app-block\">\n\n\n\n\n    <div\n        data-oke-star-rating\n        data-oke-reviews-product-id=\"shopify-7093145272402\"\n    >\n        <div data-oke-reviews-version=\"0.86.0\" data-oke-container=\"\" class=\"okeReviews oke-sr\"><div class=\"\"><div class=\"oke-sr-rating\"> 4.7 </div><div class=\"oke-sr-stars\"><div class=\"oke-stars\"><!----><div class=\"oke-stars-background\"><svg height=\"11\" viewBox=\"0 0 103.54545454545455 14\" aria-hidden=\"true\" role=\"none\"><use x=\"0\" href=\"#oke-star-empty\"></use><use x=\"22.236363636363635\" href=\"#oke-star-empty\"></use><use x=\"44.47272727272727\" href=\"#oke-star-empty\"></use><use x=\"66.7090909090909\" href=\"#oke-star-empty\"></use><use x=\"88.94545454545454\" href=\"#oke-star-empty\"></use></svg></div><div class=\"oke-stars-foreground\" style=\"width: 95.77%;\"><svg height=\"11\" viewBox=\"0 0 103.54545454545455 14\" aria-hidden=\"true\" role=\"none\"><use x=\"0\" href=\"#oke-star-filled\"></use><use x=\"22.236363636363635\" href=\"#oke-star-filled\"></use><use x=\"44.47272727272727\" href=\"#oke-star-filled\"></use><use x=\"66.7090909090909\" href=\"#oke-star-filled\"></use><use x=\"88.94545454545454\" href=\"#oke-star-filled\"></use></svg></div><span class=\"oke-a11yText\">Rated 4.7 out of 5 stars</span></div></div><div class=\"oke-sr-count\"><span class=\"oke-sr-count-number\">8,675</span><span class=\"oke-sr-label-text\"> Reviews</span><!----></div><!----></div><script type=\"application/json\" data-oke-metafield-data=\"\"> {\"averageRating\":\"4.7\",\"reviewCount\":8675} </script></div>\n    </div>\n\n\n\n</div>\n\n\n\n\n\n\n  <div class='flex flex-col gap-5 my-4'>\n\n    \n\n\n    \n\n\n    \n\n    \n\n    \n\n    \n\n    \n\n    \n\n    \n\n    \n  </div>\n\n\n          \n\n<variant-picker\n    id='variant-selects-sibling_picker_3wX3bY'\n    class='grid grid-cols-1 gap-y-sm py-3'\n    sub-section-id='sibling_picker_3wX3bY'\n    \n      \n    \n  >\n    \n\n    <fieldset class='grid grid-cols-1 gap-sm'>\n      \n      \n        <div class='grid grid-cols-1 gap-xs'><div class='flex gap-x-sm flex-wrap gap-y-2.5'>\n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='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='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Amethyst-Hour-CGL-Swatch.webp?v=1700086222&width=30); --swatch--background: black; '\n      \n    ></span>\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--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='swerve-creme-gel-liner'\n    name='sibling-picker'\n    value='swerve-creme-gel-liner'\n    form=''\n    class='sr-only'\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='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Swerve-CGL-Swatch_3.07.35_PM.webp?v=1700086221&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/swerve-creme-gel-liner?variant=40380311306322&sections=template--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='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='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Exit-CGL-Swatch.webp?v=1700086221&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/exit-creme-gel-liner?variant=40380276605010&sections=template--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='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='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Honeydude-CGL-Swatch.webp?v=1700086221&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/honeydude-creme-gel-liner?variant=40380284862546&sections=template--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='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='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Brew-Haha-CGL-Swatch_3.07.35_PM.webp?v=1700086222&width=30); --swatch--background: black; '\n      \n    ></span>\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--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='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='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Sunnyvale-CGL-Swatch_3.07.35_PM.webp?v=1700086221&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/sunnyvale-creme-gel-liner?variant=40380308619346&sections=template--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='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='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Joy-Ride-CGL-Swatch_3.07.35_PM.webp?v=1700086223&width=30); --swatch--background: black; '\n      \n    ></span>\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--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='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='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Punch_3.07.35_PM.webp?v=1700086221&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/punch-creme-gel-liner?variant=40380294627410&sections=template--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='ice-breaker-creme-gel-liner'\n    name='sibling-picker'\n    value='ice-breaker-creme-gel-liner'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/ice-breaker-creme-gel-liner\"\n  data-option-value-id=\"40380296527954\"\n  data-variant-id=\"40380296527954\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='ice-breaker-creme-gel-liner'\n    title='ice-breaker-creme-gel-liner'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Ice-Breaker-CGL-Swatch_3.07.35_PM.webp?v=1700086222&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/ice-breaker-creme-gel-liner?variant=40380296527954&sections=template--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='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='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Prance-CGL-Swatch_3.07.35_PM.webp?v=1700086222&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/prance-creme-gel-liner?variant=40380297412690&sections=template--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='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='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     before:block before:absolute before:left-0 before:right-0 before:w-full before:h-[2px] before:bg-p-darkest before:-rotate-45 before:top-1/2 before:-translate-y-1/2'\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Kicker-CGL-Swatch-Curved.webp?v=1700086222&width=30); --swatch--background: black; '\n      \n    ></span>\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--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='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='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Outer-Space-CGL-Swatch-Curved.webp?v=1700086222&width=30); --swatch--background: black; '\n      \n    ></span>\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--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='toucan-do-it-gel-eyeliner'\n    name='sibling-picker'\n    value='toucan-do-it-gel-eyeliner'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/toucan-do-it-gel-eyeliner\"\n  data-option-value-id=\"40380294365266\"\n  data-variant-id=\"40380294365266\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='toucan-do-it-gel-eyeliner'\n    title='toucan-do-it-gel-eyeliner'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Toucan-Do-It-CGL-Swatch-Curved.webp?v=1700086222&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/toucan-do-it-gel-eyeliner?variant=40380294365266&sections=template--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='wildcat-creme-gel-liner'\n    name='sibling-picker'\n    value='wildcat-creme-gel-liner'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/wildcat-creme-gel-liner\"\n  data-option-value-id=\"40380307013714\"\n  data-variant-id=\"40380307013714\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='wildcat-creme-gel-liner'\n    title='wildcat-creme-gel-liner'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Wildcat-CGL-Swatch-Curved_3.07.35_PM.webp?v=1700086222&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/wildcat-creme-gel-liner?variant=40380307013714&sections=template--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='hit-the-jackpot-creme-gel-liner'\n    name='sibling-picker'\n    value='hit-the-jackpot-creme-gel-liner'\n    form=''\n    class='sr-only'\n    \n    \n      unavailable\n    \n    \n      data-product-url=\"/products/hit-the-jackpot-creme-gel-liner\"\n  data-option-value-id=\"40375207034962\"\n  data-variant-id=\"40375207034962\"\n  data-variant-available=\"false\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='hit-the-jackpot-creme-gel-liner'\n    title='hit-the-jackpot-creme-gel-liner'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     before:block before:absolute before:left-0 before:right-0 before:w-full before:h-[2px] before:bg-p-darkest before:-rotate-45 before:top-1/2 before:-translate-y-1/2'\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Hit-The-Jackpot-CGL-Swatch-Curved_3.07.35_PM.webp?v=1700086222&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/hit-the-jackpot-creme-gel-liner?variant=40375207034962&sections=template--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='overboard-creme-gel-liner-n'\n    name='sibling-picker'\n    value='overboard-creme-gel-liner-n'\n    form=''\n    class='sr-only'\n    \n    \n      unavailable\n    \n    \n      data-product-url=\"/products/overboard-creme-gel-liner-n\"\n  data-option-value-id=\"40380307177554\"\n  data-variant-id=\"40380307177554\"\n  data-variant-available=\"false\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='overboard-creme-gel-liner-n'\n    title='overboard-creme-gel-liner-n'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     before:block before:absolute before:left-0 before:right-0 before:w-full before:h-[2px] before:bg-p-darkest before:-rotate-45 before:top-1/2 before:-translate-y-1/2'\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Overboard-CGL-Swatch-Curved_3.07.35_PM.webp?v=1700086222&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/overboard-creme-gel-liner-n?variant=40380307177554&sections=template--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='get-lucid-creme-gel-liner-n'\n    name='sibling-picker'\n    value='get-lucid-creme-gel-liner-n'\n    form=''\n    class='sr-only'\n    \n      checked\n    \n    \n    \n      data-product-url=\"/products/get-lucid-creme-gel-liner-n\"\n  data-option-value-id=\"40380288663634\"\n  data-variant-id=\"40380288663634\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='get-lucid-creme-gel-liner-n'\n    title='get-lucid-creme-gel-liner-n'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Get-Lucid-CGL-Swatch-Curved.webp?v=1700086222&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/get-lucid-creme-gel-liner-n?variant=40380288663634&sections=template--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='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='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Calabasas_CGL_Circle_Swatch.webp?v=1700086222&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/calabasas-creme-gel-liner?variant=40375207002194&sections=template--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='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='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Plum-Smash-CGL-Swatch-Curved_3.07.35_PM.webp?v=1700086222&width=30); --swatch--background: black; '\n      \n    ></span>\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--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='crystal-crush-creme-gel-liner'\n    name='sibling-picker'\n    value='crystal-crush-creme-gel-liner'\n    form=''\n    class='sr-only'\n    \n    \n      unavailable\n    \n    \n      data-product-url=\"/products/crystal-crush-creme-gel-liner\"\n  data-option-value-id=\"40380298690642\"\n  data-variant-id=\"40380298690642\"\n  data-variant-available=\"false\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='crystal-crush-creme-gel-liner'\n    title='crystal-crush-creme-gel-liner'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     before:block before:absolute before:left-0 before:right-0 before:w-full before:h-[2px] before:bg-p-darkest before:-rotate-45 before:top-1/2 before:-translate-y-1/2'\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Crystal-Crush-CGL-Swatch-Curved.webp?v=1700086222&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/crystal-crush-creme-gel-liner?variant=40380298690642&sections=template--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='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='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Aglow-CGL-Swatch-Curved.webp?v=1700086222&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/aglow-creme-gel-liner?variant=40380297085010&sections=template--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='actin-up-creme-gel-liner'\n    name='sibling-picker'\n    value='actin-up-creme-gel-liner'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/actin-up-creme-gel-liner\"\n  data-option-value-id=\"40661992996946\"\n  data-variant-id=\"40661992996946\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='actin-up-creme-gel-liner'\n    title='actin-up-creme-gel-liner'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Actin_Up_Multi_Chrome_CGL_Circle_Swatch.webp?v=1704397570&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/actin-up-creme-gel-liner?variant=40661992996946&sections=template--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='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='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Charmer-CGL-Swatch_3.07.35_PM.webp?v=1700086221&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/charmer-creme-gel-liner?variant=40380309143634&sections=template--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n          </div>\n        </div>\n      \n    </fieldset>\n\n    <div class='mt-xs'>\n      \n\n      \n      \n\n      <!-- ##entry##core-custom-select##endentry## -->\n\n      <custom-select\n        class='flex flex-col gap-2xs w-full group'\n        \n\n        \n          \n        id=\"sibling-picker-7093145272402\"\n        value=\"40380288663634\"\n        name=\"sibling-picker-7093145272402\"\n\n        \n\n        \n        \n\n        \n\n        \n\n        \n      \n          label=\"Select a shade\"\n\n          \n        \n\n        placeholder=\"\"\n\n        \n          new-custom-select=\"true\"\n        \n        \n        select-toggle-icon=\"icon-select-arrow\"\n        \n        \n        \n        \n        \n        \n        select-toggle-label-class=\"!pr-0\"\n        \n        \n        \n        \n        \n        \n        \n        \n        \n        \n        \n        \n        \n      >\n        <div\n          class=\"relative w-full group peer h-full\"\n          \n        >\n          <select\n            \n            class=\"block w-full border-b pt-4 border-p-lightest bg-[transparent] appearance-none disabled:text-t-border px-sm-forms-padding lg:px-lg-forms-padding h-sm-forms-inputheight lg:h-lg-forms-inputheight text-body disabled:border-t-border focus:outline-none focus:ring-0 peer group-[[error]]:ring-u-error group-[[error]]:border-[transparent] group-[[error]]:ring-2  \"\n            \n        id=\"sibling-picker-7093145272402\"\n        value=\"40380288663634\"\n        name=\"sibling-picker-7093145272402\"\n\n        \n\n        \n        \n\n        \n\n        \n\n        \n      \n          >\n            \n        \n          <option value=\"40380298985554\"\n            \n            data-variant-id=\"40380298985554\"\n            data-product-url=\"/products/amethyst-hour-creme-gel-liner\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"3801\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Amethyst-Hour-CGL-Swatch.webp?v=1700086222&width=40\"\n            \n            \n            data-swatch-hex=\"#e397b8\"\n            data-shade-description=\"Pastel lilac\"data-short-description=\"Waterproof Gel Eyeliner\"data-type=\"Crème Gel Liner\"\n            data-image=\"//colourpop.com/cdn/shop/products/Amethyst-Hour-CGL-macro.jpg?v=1680298040&width=90\"\n          >\n            Amethyst Hour\n          </option>\n        \n          <option value=\"40380311306322\"\n            \n            data-variant-id=\"40380311306322\"\n            data-product-url=\"/products/swerve-creme-gel-liner\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"1176\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Swerve-CGL-Swatch_3.07.35_PM.webp?v=1700086221&width=40\"\n            \n            \n            data-swatch-hex=\"#242424\"\n            data-shade-description=\"True onyx black\"data-short-description=\"Waterproof Gel Eyeliner\"data-type=\"Crème Gel Liner\"\n            data-image=\"//colourpop.com/cdn/shop/products/Swerve-CGL-macro.jpg?v=1680298481&width=90\"\n          >\n            Swerve\n          </option>\n        \n          <option value=\"40380276605010\"\n            \n            data-variant-id=\"40380276605010\"\n            data-product-url=\"/products/exit-creme-gel-liner\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"359\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Exit-CGL-Swatch.webp?v=1700086221&width=40\"\n            \n            \n            data-swatch-hex=\"#f2eef5\"\n            data-shade-description=\"Bright white\"data-short-description=\"Waterproof Gel Eyeliner\"data-type=\"Crème Gel Liner\"\n            data-image=\"//colourpop.com/cdn/shop/products/Exit-CGL-macro.jpg?v=1680298151&width=90\"\n          >\n            Exit\n          </option>\n        \n          <option value=\"40380284862546\"\n            \n            data-variant-id=\"40380284862546\"\n            data-product-url=\"/products/honeydude-creme-gel-liner\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"2341\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Honeydude-CGL-Swatch.webp?v=1700086221&width=40\"\n            \n            \n            data-swatch-hex=\"#eebd95\"\n            data-shade-description=\"Warm nude\"data-short-description=\"Waterproof Gel Eyeliner\"data-type=\"Crème Gel Liner\"\n            data-image=\"//colourpop.com/cdn/shop/products/Honey-Dude-CGL-macro.jpg?v=1680298195&width=90\"\n          >\n            Honeydude\n          </option>\n        \n          <option value=\"40380310749266\"\n            \n            data-variant-id=\"40380310749266\"\n            data-product-url=\"/products/brew-haha-creme-gel-liner\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"8247\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Brew-Haha-CGL-Swatch_3.07.35_PM.webp?v=1700086222&width=40\"\n            \n            \n            data-swatch-hex=\"#3a2015\"\n            data-shade-description=\"Black brown\"data-short-description=\"Waterproof Gel Eyeliner\"data-type=\"Crème Gel Liner\"\n            data-image=\"//colourpop.com/cdn/shop/products/Brew-Haha-CGL-macro.jpg?v=1680298107&width=90\"\n          >\n            Brew Haha\n          </option>\n        \n          <option value=\"40380308619346\"\n            \n            data-variant-id=\"40380308619346\"\n            data-product-url=\"/products/sunnyvale-creme-gel-liner\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"727\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Sunnyvale-CGL-Swatch_3.07.35_PM.webp?v=1700086221&width=40\"\n            \n            \n            data-swatch-hex=\"#49271a\"\n            data-shade-description=\"Chestnut brown\"data-short-description=\"Waterproof Gel Eyeliner\"data-type=\"Crème Gel Liner\"\n            data-image=\"//colourpop.com/cdn/shop/products/Sunnyvale-CGL-macro.jpg?v=1680298474&width=90\"\n          >\n            Sunnyvale\n          </option>\n        \n          <option value=\"40380308815954\"\n            \n            data-variant-id=\"40380308815954\"\n            data-product-url=\"/products/joy-ride-creme-gel-liner\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"809\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Joy-Ride-CGL-Swatch_3.07.35_PM.webp?v=1700086223&width=40\"\n            \n            \n            data-swatch-hex=\"#661e2b\"\n            data-shade-description=\"Deep burgundy\"data-short-description=\"Waterproof Gel Eyeliner\"data-type=\"Crème Gel Liner\"\n            data-image=\"//colourpop.com/cdn/shop/products/Joy-Ride-CGL-macro.jpg?v=1680298259&width=90\"\n          >\n            Joy Ride\n          </option>\n        \n          <option value=\"40380294627410\"\n            \n            data-variant-id=\"40380294627410\"\n            data-product-url=\"/products/punch-creme-gel-liner\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"2643\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Punch_3.07.35_PM.webp?v=1700086221&width=40\"\n            \n            \n            data-swatch-hex=\"#ffcd00\"\n            data-shade-description=\"Canary yellow\"data-short-description=\"Waterproof Gel Eyeliner\"data-type=\"Crème Gel Liner\"\n            data-image=\"//colourpop.com/cdn/shop/products/Punch-CGL-macro.jpg?v=1680298440&width=90\"\n          >\n            Punch\n          </option>\n        \n          <option value=\"40380296527954\"\n            \n            data-variant-id=\"40380296527954\"\n            data-product-url=\"/products/ice-breaker-creme-gel-liner\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"526\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Ice-Breaker-CGL-Swatch_3.07.35_PM.webp?v=1700086222&width=40\"\n            \n            \n            data-swatch-hex=\"#b9f4db\"\n            data-shade-description=\"Pastel mint\"data-short-description=\"Waterproof Gel Eyeliner\"data-type=\"Crème Gel Liner\"\n            data-image=\"//colourpop.com/cdn/shop/products/Ice-Breaker-CGL-macro.jpg?v=1680298205&width=90\"\n          >\n            Ice Breaker\n          </option>\n        \n          <option value=\"40380297412690\"\n            \n            data-variant-id=\"40380297412690\"\n            data-product-url=\"/products/prance-creme-gel-liner\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"4495\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Prance-CGL-Swatch_3.07.35_PM.webp?v=1700086222&width=40\"\n            \n            \n            data-swatch-hex=\"#87b2fd\"\n            data-shade-description=\"Periwinkle blue\"data-short-description=\"Waterproof Gel Eyeliner\"data-type=\"Crème Gel Liner\"\n            data-image=\"//colourpop.com/cdn/shop/products/Prance-Inline-Creme-Gel-Liner-macro.jpg?v=1680298431&width=90\"\n          >\n            Prance\n          </option>\n        \n          <option value=\"40380266348626\"\n            \n            data-variant-id=\"40380266348626\"\n            data-product-url=\"/products/kicker-creme-gel-liner-n\"\n            data-variant-available=\"false\"\n            data-variant-inventory=\"0\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Kicker-CGL-Swatch-Curved.webp?v=1700086222&width=40\"\n            \n            \n              disabled\n            \n            data-swatch-hex=\"#ced3d9\"\n            data-shade-description=\"Icy silver\"data-short-description=\"Waterproof Gel Eyeliner\"data-type=\"Crème Gel Liner\"\n            data-image=\"//colourpop.com/cdn/shop/products/Kicker-CGL-macro.jpg?v=1680298281&width=90\"\n          >\n            Kicker\n          </option>\n        \n          <option value=\"40375207067730\"\n            \n            data-variant-id=\"40375207067730\"\n            data-product-url=\"/products/outer-space-creme-gel-liner\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"5720\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Outer-Space-CGL-Swatch-Curved.webp?v=1700086222&width=40\"\n            \n            \n            data-swatch-hex=\"#2d5c6d\"\n            data-shade-description=\"Blackened blue\"data-short-description=\"Waterproof Gel Eyeliner\"data-type=\"Crème Gel Liner\"\n            data-image=\"//colourpop.com/cdn/shop/products/Outer-Space--Inline-Creme-Gel-Liner-macro.jpg?v=1680298390&width=90\"\n          >\n            Outer Space\n          </option>\n        \n          <option value=\"40380294365266\"\n            \n            data-variant-id=\"40380294365266\"\n            data-product-url=\"/products/toucan-do-it-gel-eyeliner\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"95\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Toucan-Do-It-CGL-Swatch-Curved.webp?v=1700086222&width=40\"\n            \n            \n            data-swatch-hex=\"#eac361\"\n            data-shade-description=\"Marigold\"data-short-description=\"Waterproof Gel Eyeliner\"data-type=\"Crème Gel Liner\"\n            data-image=\"//colourpop.com/cdn/shop/products/Toucan-Do-It-CGL-Macro.jpg?v=1680298784&width=90\"\n          >\n            Toucan Do It\n          </option>\n        \n          <option value=\"40380307013714\"\n            \n            data-variant-id=\"40380307013714\"\n            data-product-url=\"/products/wildcat-creme-gel-liner\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"8\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Wildcat-CGL-Swatch-Curved_3.07.35_PM.webp?v=1700086222&width=40\"\n            \n            \n            data-swatch-hex=\"#ba9527\"\n            data-shade-description=\"Golden sage\"data-short-description=\"Waterproof Gel Eyeliner\"data-type=\"Crème Gel Liner\"\n            data-image=\"//colourpop.com/cdn/shop/products/Wildcat-CGL-Macro.jpg?v=1680298793&width=90\"\n          >\n            Wildcat\n          </option>\n        \n          <option value=\"40375207034962\"\n            \n            data-variant-id=\"40375207034962\"\n            data-product-url=\"/products/hit-the-jackpot-creme-gel-liner\"\n            data-variant-available=\"false\"\n            data-variant-inventory=\"0\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Hit-The-Jackpot-CGL-Swatch-Curved_3.07.35_PM.webp?v=1700086222&width=40\"\n            \n            \n              disabled\n            \n            data-swatch-hex=\"#b4946c\"\n            data-shade-description=\"Antique bronze\"data-short-description=\"Waterproof Gel Eyeliner\"data-type=\"Crème Gel Liner\"\n            data-image=\"//colourpop.com/cdn/shop/products/Hit-The-Jackpot-Inline-Creme-Gel-Liner-macro.jpg?v=1680298186&width=90\"\n          >\n            Hit The Jackpot\n          </option>\n        \n          <option value=\"40380307177554\"\n            \n            data-variant-id=\"40380307177554\"\n            data-product-url=\"/products/overboard-creme-gel-liner-n\"\n            data-variant-available=\"false\"\n            data-variant-inventory=\"-28\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Overboard-CGL-Swatch-Curved_3.07.35_PM.webp?v=1700086222&width=40\"\n            \n            \n              disabled\n            \n            data-swatch-hex=\"#ad6b41\"\n            data-shade-description=\"Deep bronze\"data-short-description=\"Waterproof Gel Eyeliner\"data-type=\"Crème Gel Liner\"\n            data-image=\"//colourpop.com/cdn/shop/products/Overboard-CGL-macro.jpg?v=1680298401&width=90\"\n          >\n            Overboard\n          </option>\n        \n          <option value=\"40380288663634\"\n            \n              selected\n            \n            data-variant-id=\"40380288663634\"\n            data-product-url=\"/products/get-lucid-creme-gel-liner-n\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"539\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Get-Lucid-CGL-Swatch-Curved.webp?v=1700086222&width=40\"\n            \n            \n            data-swatch-hex=\"#bb543c\"\n            data-shade-description=\"Pinky rose gold\"data-short-description=\"Waterproof Gel Eyeliner\"data-type=\"Crème Gel Liner\"\n            data-image=\"//colourpop.com/cdn/shop/products/Get-Lucid-CGL-Macro.jpg?v=1680298160&width=90\"\n          >\n            Get Lucid\n          </option>\n        \n          <option value=\"40375207002194\"\n            \n            data-variant-id=\"40375207002194\"\n            data-product-url=\"/products/calabasas-creme-gel-liner\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"2162\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Calabasas_CGL_Circle_Swatch.webp?v=1700086222&width=40\"\n            \n            \n            data-swatch-hex=\"#fadadc\"\n            data-shade-description=\"Pink champagne\"data-short-description=\"Waterproof Gel Eyeliner\"data-type=\"Crème Gel Liner\"\n            data-image=\"//colourpop.com/cdn/shop/files/Calabasas-Inline-Creme-Gel-Liner-macro_72018d02-ee6b-4bb0-be30-6a1c4cbca077.jpg?v=1697136934&width=90\"\n          >\n            Calabasas\n          </option>\n        \n          <option value=\"40380306882642\"\n            \n            data-variant-id=\"40380306882642\"\n            data-product-url=\"/products/plum-smash-creme-gel-liner\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"3319\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Plum-Smash-CGL-Swatch-Curved_3.07.35_PM.webp?v=1700086222&width=40\"\n            \n            \n            data-swatch-hex=\"#793170\"\n            data-shade-description=\"Warm violet\"data-short-description=\"Waterproof Gel Eyeliner\"data-type=\"Crème Gel Liner\"\n            data-image=\"//colourpop.com/cdn/shop/products/Plum-Smash-CGL-Macro.jpg?v=1680298421&width=90\"\n          >\n            Plum Smash\n          </option>\n        \n          <option value=\"40380298690642\"\n            \n            data-variant-id=\"40380298690642\"\n            data-product-url=\"/products/crystal-crush-creme-gel-liner\"\n            data-variant-available=\"false\"\n            data-variant-inventory=\"0\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Crystal-Crush-CGL-Swatch-Curved.webp?v=1700086222&width=40\"\n            \n            \n              disabled\n            \n            data-swatch-hex=\"#08caea\"\n            data-shade-description=\"Vivid turquoise\"data-short-description=\"Waterproof Gel Eyeliner\"data-type=\"Crème Gel Liner\"\n            data-image=\"//colourpop.com/cdn/shop/products/Crystal-Crush-CGL-macro.jpg?v=1680298142&width=90\"\n          >\n            Crystal Crush\n          </option>\n        \n          <option value=\"40380297085010\"\n            \n            data-variant-id=\"40380297085010\"\n            data-product-url=\"/products/aglow-creme-gel-liner\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"1013\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Aglow-CGL-Swatch-Curved.webp?v=1700086222&width=40\"\n            \n            \n            data-swatch-hex=\"#84d084\"\n            data-shade-description=\"Golden lime\"data-short-description=\"Waterproof Gel Eyeliner\"data-type=\"Crème Gel Liner\"\n            data-image=\"//colourpop.com/cdn/shop/products/Aglow-CGL-Macro.jpg?v=1680298003&width=90\"\n          >\n            Aglow\n          </option>\n        \n          <option value=\"40661992996946\"\n            \n            data-variant-id=\"40661992996946\"\n            data-product-url=\"/products/actin-up-creme-gel-liner\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"2814\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Actin_Up_Multi_Chrome_CGL_Circle_Swatch.webp?v=1704397570&width=40\"\n            \n            \n            data-swatch-hex=\"#8f309c\"\n            data-shade-description=\"Metallic purple\"data-short-description=\"Waterproof Gel Eyeliner\"data-type=\"Chrome Crème Gel Liner\"\n            data-image=\"//colourpop.com/cdn/shop/files/CremeGelLiner-ActinUp-Multi-Chrome-Macro.jpg?v=1704222028&width=90\"\n          >\n            Actin' Up\n          </option>\n        \n          <option value=\"40380309143634\"\n            \n            data-variant-id=\"40380309143634\"\n            data-product-url=\"/products/charmer-creme-gel-liner\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"300\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Charmer-CGL-Swatch_3.07.35_PM.webp?v=1700086221&width=40\"\n            \n            \n            data-swatch-hex=\"#3a1421\"\n            data-shade-description=\"Deep plum\"data-short-description=\"Waterproof Gel Eyeliner\"data-type=\"Crème Gel Liner\"\n            data-image=\"//colourpop.com/cdn/shop/products/Charmer-Macro.jpg?v=1680298130&width=90\"\n          >\n            Charmer\n          </option>\n        \n      \n          </select>\n          <div\n            class=\"absolute inset-y-0 flex items-center size-3 pointer-events-none end-sm-forms-padding lg:end-sm-forms-padding group-[[error]]:text-u-error h-sm-forms-inputheight lg:h-lg-forms-inputheigh\"\n          >\n<svg-icon\n  src='icon-select-arrow'\n  class='block text-white'\n\n  \n    style='--icon-size: 12px;'\n  \n\n  \n  \n></svg-icon>\n</div>\n          <label\n            for=\"sibling-picker-7093145272402\"\n            class=\"absolute caption duration-300 transform -translate-y-2.5 scale-75 top-3.5  z-10 origin-[0]  peer-disabled:text-t-border peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-2.5 rtl:peer-focus:translate-x-1/4 rtl:peer-focus:left-auto \"\n          >\n            Select a shade\n          </label>\n        </div></custom-select>\n\n    </div>\n\n    <script type='application/json' data-selected-variant>\n      {\"id\":40380288663634,\"title\":\"Default Title\",\"option1\":\"Default Title\",\"option2\":null,\"option3\":null,\"sku\":\"CremeGelLiner-GetLucid_n\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":null,\"available\":true,\"name\":\"Get Lucid\",\"public_title\":null,\"options\":[\"Default Title\"],\"price\":640,\"weight\":8,\"compare_at_price\":800,\"inventory_quantity\":539,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"FG006080\",\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}}\n    </script>\n  </variant-picker>\n\n\n        \n<div sub-section-id='shade_tiN4Nh' class='my-2xs'>\n            <p class='caption'>\n              <span>Get Lucid</span><span> - Pinky rose gold</span></p>\n          </div>\n<div class='grid grid-cols-1 gap-xs mt-2xs' sub-section-id='buy_buttons'>\n          \n\n\n\n\n\n<div  id='buy-buttons' sub-section-id='buy-buttons' class='group/buy-buttons'>\n<product-form\n        class='group/product-form'\n        \n      >\n        <div class='product-form__error-message-wrapper' role='alert' hidden>\n<svg-icon\n  src='icon-error'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class='product-form__error-message'></span>\n        </div><form method=\"post\" action=\"/cart/add\" id=\"product-form-template--16300830097490__main\" accept-charset=\"UTF-8\" class=\"group-[.loading]/product-form:pointer-events-none\" enctype=\"multipart/form-data\" novalidate=\"novalidate\" data-type=\"add-to-cart-form\"><input type=\"hidden\" name=\"form_type\" value=\"product\" /><input type=\"hidden\" name=\"utf8\" value=\"✓\" /><input\n            type='hidden'\n            name='id'\n            class='hidden'\n            value='40380288663634'\n            \n          ><div class='grid grid-cols-1 gap-y-xs min-h-12'><div class='drop-shadow flex group-[.sticky-atc]/buy-buttons:flex-col group-[.sticky-atc]/buy-buttons:md:flex-row items-center justify-between group-[.sticky-atc]/buy-buttons:z-60 group-[.sticky-atc]/buy-buttons:fixed bottom-0 left-0 w-full group-[.sticky-atc]/buy-buttons:bg-p-lightest group-[.sticky-atc]/buy-buttons:p-4 group-[.sticky-atc]/buy-buttons:sm:px-pagemargin group-[.sticky-atc]/buy_buttons:!h-[30px]'>\n              <p class='hidden group-[.sticky-atc]/buy-buttons:block lg:mb-0 mb-2'>\n                <strong>Get Lucid</strong>\n              </p>\n\n              \n\n              <div class='flex items-center gap-xs lg:gap-sm w-full group-[.sticky-atc]/buy-buttons:md:w-auto'><div\n  id='Quantity-Form-template--16300830097490__main'\n  class='grid grid-cols-1 gap-y-xs'\n  sub-section-id='buy_buttons'\n  \n>\n  \n  <div class='grid gap-y-2xs'>\n\n\n<quantity-input\n  class='grid grid-cols-[20px_15px_20px] sm:grid-cols-[35px_25px_35px] border-solid border border-t-p-darkest rounded-[40px] max-w-fit h-[30px] lg:h-10 z-10 '\n  variant-id='40380288663634'\n  cart-quantity='0'\n  min='1'\n  value='1'\n  \n  \n\n  \n>\n  <button\n    class='inline-flex items-center justify-end text-[10px] disabled:opacity-50 disabled:pointer-events-none caption'\n    name='minus'\n    type='button'\n    \n      disabled\n    \n    id='product-form-template--16300830097490__main-quantity__decrement'\n  >\n    <span class='sr-only'>Decrease quantity for Get Lucid</span>\n    <span class='caption font-bold'>-</span>\n  </button>\n  <input\n    class='text-center remove-arrow font-bold caption focus:outline-none bg-[transparent] group-[.sticky-atc]/buy-buttons:!text-[10px]'\n    type='number'\n    name='quantity'\n    value='1'\n    inputmode='numeric'\n    min='1'\n    max='539'\n    step='1'\n    aria-label='Quantity for Get Lucid'\n    id='product-form-template--16300830097490__main-quantity'\n\n    \n      form='product-form-template--16300830097490__main'\n    \n  >\n  <button\n    class='inline-flex items-center justify-start text-utility disabled:opacity-50 disabled:pointer-events-none'\n    name='plus'\n    type='button'\n    id='product-form-template--16300830097490__main-quantity__increment'\n    \n  >\n    <span class='sr-only'>Increase quantity for Get Lucid</span>\n    <span class='caption font-bold'>+</span>\n  </button>\n</quantity-input>\n</div>\n  \n  \n</div>\n\n\n                <button\n                  id='ProductSubmitButton-template--16300830097490__main--7093145272402'\n                  type='submit'\n                  name='add'\n                  variant='primary'\n                  class='\n                    btn\n                    group-[.sticky-atc]/buy-buttons:grow group-[.sticky-atc]/buy-buttons:md:grow-0\n                    leading-normal\n                    !max-w-fit\n                  '\n                  \n                >\n                  <span\n                    \n                      class='px-6'\n                    \n                  >add to bag\n\n<div\n    class='\n      inline-flex gap-x-xs justify-start items-center group/price font-bold\n on-sale'\n    \n  >\n    <div class='inline-flex gap-x-2xs'><div class='group-[.on-sale]/price:hidden'><span class='sr-only'>Regular price</span>\n          <span class='font-bold font-bold'>\n            $6.40\n          </span></div>\n      <div class='hidden group-[.on-sale]/price:block'>\n        <span class='sr-only'>Sale price</span>\n        <span class='font-bold text-t-foreground lowercase font-bold hidden'>\n          free gift\n        </span>\n        <span class='font-bold text-t-foreground font-bold'>\n          $6.40\n        </span><span>\n            <s class='line-through text-[inherit] font-bold'>\n              $8.00\n            </s>\n          </span></div>\n      <small class='caption hidden'>\n        <span class='sr-only'>Unit price</span>\n        <span class='font-bold'>\n          <span></span>\n          <span aria-hidden='true'>/</span>\n          <span class='sr-only'>&nbsp;per&nbsp;</span>\n          <span>\n          </span>\n        </span>\n      </small>\n    </div>\n  </div>\n\n</span>\n                </button>\n                \n\n              </div>\n            </div></div><input type=\"hidden\" name=\"product-id\" value=\"7093145272402\" /><input type=\"hidden\" name=\"section-id\" value=\"template--16300830097490__main\" /></form></product-form>\n</div>\n\n<style>\n  .shopify-payment-button__more-options[aria-hidden='true'] {\n    display: none;\n  }\n</style>\n\n\n\n          \n            \n              <p class='text-body font-bold text-t-foreground'>\n                20% Off. Limited time only.\n              </p>\n            \n          \n        </div><klarna-placement\n          class='klarna__pdp'\n          data-key='credit-promotion-auto-size'\n          data-locale='en-US'\n          data-purchase-amount='640'\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-AMXhNd0FURWhiYmtKR__tolstoy_shoppable_video_ugc_stories_block_RH3tz6\" class=\"shopify-block shopify-app-block\"><tolstoy-stories\nclass=\"tolstoy-stories\"\ndata-tags=\"#.collection:2023labordaysitewidesale,#.collection:promoproducts,#.collection:TemptaliaPromo,#.hidden:false,#.promo.30offsitewide,#.promo:20festival2024,#.promo:5CGL,#.promo:aug24BFFBOGO,#.promo:singlesdaybogo2024,040623,category:Eyes,color2:Golds,color:Pinks,event:CGL Upgrade 2023,eyeliner,finish:None,glosku:5cgl,Online Exclusive,productline:ColourPop,productsize:full,producttype:Crème Gel Liner,SKULifecycle:Permanent,subcategory:Eyeliner,unittype:single,\"\ndata-publish-id=\"g1w7hu6osho9x\"\ndata-product-id=\"7093145272402\">\n</tolstoy-stories>\n\n\n</div><div class='accordion'  sub-section-id='description'>\n\n<div id='Details-description-template--16300830097490__main' class='group'>\n  <label\n    class='list-none block py-xs border-b-[currentColor] border-b cursor-pointer '\n    for='accordion-checkbox-description-template--16300830097490__main'\n  >\n    <input\n      aria-controls='accordion-content-description-template--16300830097490__main'\n      aria-labelled='Toggle product details accordion'\n      class='sr-only peer accordion-content-trigger'\n      type='checkbox'\n      id='accordion-checkbox-description-template--16300830097490__main'\n      name='accordion-input--description-template-16300830097490__main\n'\n      \n        checked\n      \n    >\n    <div class='flex items-center justify-between w-full peer-focus-visible:ring-1 ring-u-focus'>\n      <h3\n        class='text-body font-bold '\n        id='accordion-title-description-template--16300830097490__main'\n      >\n        product details\n      </h3>\n<svg-icon\n  src='icon-plus'\n  class='group-has-[:checked]:rotate-45 duration-300 transition-transform'\n\n  \n    style='--icon-size: 10px;'\n  \n\n  \n  \n></svg-icon>\n</div>\n  </label>\n  \n  \n  <div\n    class='rte group-has-[:checked]:grid-rows-[1fr] group-has-[:checked]:visible grid-rows-[0fr] transition-[visiblity,grid-template-rows] duration-300 grid invisible'\n    id='accordion-content-description-template--16300830097490__main'\n    role='region'\n    aria-labelledby='accordion-title-description-template--16300830097490__main'\n  >\n    <div class='overflow-hidden'>\n      <div class='pt-xs p '>\n        <p dir=\"ltr\"><span>Your go-to for bold, budgeproof color.</span></p>\n<p dir=\"ltr\"><span>This waterproof crème gel liner glides on smooth and wears up to 18 hours with no tugging or fading. The creamy formula blends easily, then locks in for smudge-proof, high-impact looks. Perfect for waterlining, tightlining, or everyday definition. Just pick your shade and let your eyes do the talking.</span></p>\n<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--16300830097490__main' class='group'>\n  <label\n    class='list-none block py-xs border-b-[currentColor] border-b cursor-pointer '\n    for='accordion-checkbox-collapsible-row-0-template--16300830097490__main'\n  >\n    <input\n      aria-controls='accordion-content-collapsible-row-0-template--16300830097490__main'\n      aria-labelled='Toggle ingredients accordion'\n      class='sr-only peer accordion-content-trigger'\n      type='checkbox'\n      id='accordion-checkbox-collapsible-row-0-template--16300830097490__main'\n      name='accordion-input--collapsible-row-0-template-16300830097490__main\n'\n      \n    >\n    <div class='flex items-center justify-between w-full peer-focus-visible:ring-1 ring-u-focus'>\n      <h3\n        class='text-body font-bold '\n        id='accordion-title-collapsible-row-0-template--16300830097490__main'\n      >\n        ingredients\n      </h3>\n<svg-icon\n  src='icon-plus'\n  class='group-has-[:checked]:rotate-45 duration-300 transition-transform'\n\n  \n    style='--icon-size: 10px;'\n  \n\n  \n  \n></svg-icon>\n</div>\n  </label>\n  \n  \n  <div\n    class='rte group-has-[:checked]:grid-rows-[1fr] group-has-[:checked]:visible grid-rows-[0fr] transition-[visiblity,grid-template-rows] duration-300 grid invisible'\n    id='accordion-content-collapsible-row-0-template--16300830097490__main'\n    role='region'\n    aria-labelledby='accordion-title-collapsible-row-0-template--16300830097490__main'\n  >\n    <div class='overflow-hidden'>\n      <div class='pt-xs p '>\n        <span class=\"metafield-multi_line_text_field\"> DIMETHICONE, TRIMETHYLSILOXYSILICATE, CERESIN, SYNTHETIC FLUORPHLOGOPITE, POLYETHYLENE, STEAROXY DIMETHICONE, SILICA, TIN OXIDE. MAY CONTAIN: BLUE 1 LAKE (CI 42090), CARMINE (CI 75470), COPPER POWDER (CI 77400), IRON OXIDES (CI 77491, CI 77492, CI 77499), MANGANESE VIOLET (CI 77742), MICA (CI 77019), RED 40 LAKE (CI 16035), TITANIUM DIOXIDE (CI 77891). </span>\n          \n\n      </div>\n    </div>\n  </div>\n</div>\n\n          </div>\n\n<div class='accordion' sub-section-id='collapsible-row-1' >\n\n<div id='Details-collapsible-row-1-template--16300830097490__main' class='group'>\n  <label\n    class='list-none block py-xs border-b-[currentColor] border-b cursor-pointer '\n    for='accordion-checkbox-collapsible-row-1-template--16300830097490__main'\n  >\n    <input\n      aria-controls='accordion-content-collapsible-row-1-template--16300830097490__main'\n      aria-labelled='Toggle application tips accordion'\n      class='sr-only peer accordion-content-trigger'\n      type='checkbox'\n      id='accordion-checkbox-collapsible-row-1-template--16300830097490__main'\n      name='accordion-input--collapsible-row-1-template-16300830097490__main\n'\n      \n    >\n    <div class='flex items-center justify-between w-full peer-focus-visible:ring-1 ring-u-focus'>\n      <h3\n        class='text-body font-bold '\n        id='accordion-title-collapsible-row-1-template--16300830097490__main'\n      >\n        application tips\n      </h3>\n<svg-icon\n  src='icon-plus'\n  class='group-has-[:checked]:rotate-45 duration-300 transition-transform'\n\n  \n    style='--icon-size: 10px;'\n  \n\n  \n  \n></svg-icon>\n</div>\n  </label>\n  \n  \n  <div\n    class='rte group-has-[:checked]:grid-rows-[1fr] group-has-[:checked]:visible grid-rows-[0fr] transition-[visiblity,grid-template-rows] duration-300 grid invisible'\n    id='accordion-content-collapsible-row-1-template--16300830097490__main'\n    role='region'\n    aria-labelledby='accordion-title-collapsible-row-1-template--16300830097490__main'\n  >\n    <div class='overflow-hidden'>\n      <div class='pt-xs p '>\n        <span class=\"metafield-multi_line_text_field\">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>\n          \n\n      </div>\n    </div>\n  </div>\n</div>\n\n          </div>\n\n\n\n\n            <div class='accordion' sub-section-id='collapsible_tab_3wD87W' >\n\n<div id='Details-collapsible_tab_3wD87W-template--16300830097490__main' class='group'>\n  <label\n    class='list-none block py-xs border-b-[currentColor] border-b cursor-pointer '\n    for='accordion-checkbox-collapsible_tab_3wD87W-template--16300830097490__main'\n  >\n    <input\n      aria-controls='accordion-content-collapsible_tab_3wD87W-template--16300830097490__main'\n      aria-labelled='Toggle pairs with accordion'\n      class='sr-only peer accordion-content-trigger'\n      type='checkbox'\n      id='accordion-checkbox-collapsible_tab_3wD87W-template--16300830097490__main'\n      name='accordion-input--collapsible_tab_3wd87w-template-16300830097490__main\n'\n      \n        checked\n      \n    >\n    <div class='flex items-center justify-between w-full peer-focus-visible:ring-1 ring-u-focus'>\n      <h3\n        class='text-body font-bold '\n        id='accordion-title-collapsible_tab_3wD87W-template--16300830097490__main'\n      >\n        pairs with\n      </h3>\n<svg-icon\n  src='icon-plus'\n  class='group-has-[:checked]:rotate-45 duration-300 transition-transform'\n\n  \n    style='--icon-size: 10px;'\n  \n\n  \n  \n></svg-icon>\n</div>\n  </label>\n  \n  \n  <div\n    class=' group-has-[:checked]:grid-rows-[1fr] group-has-[:checked]:visible grid-rows-[0fr] transition-[visiblity,grid-template-rows] duration-300 grid invisible'\n    id='accordion-content-collapsible_tab_3wD87W-template--16300830097490__main'\n    role='region'\n    aria-labelledby='accordion-title-collapsible_tab_3wD87W-template--16300830097490__main'\n  >\n    <div class='overflow-hidden'>\n      <div class='pt-xs p '>\n        <div>\n              \n                \n\n  <main-product\n    \n      section-id='product-card'\n      id='product-card-3857076355154'\n      product-url='/products/brownie-points'\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/brownie-points'\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/Brownie-Points-BFF-Mascara-With-Cap2.jpg?v=1725198739&amp;width=500\" alt=\"ColourPop BFF Mascara Brownie Points wand lifts from the open tube, bristles coated in deep chocolate-brown, against a sweeping brown swatch; glossy brown tube with white doodle cap and Volumizing Mascara branding.\" srcset=\"//colourpop.com/cdn/shop/files/Brownie-Points-BFF-Mascara-With-Cap2.jpg?v=1725198739&amp;width=500 500w\" width=\"500\" height=\"2400.0\" loading=\"lazy\" sizes=\"(min-width: 1440px) 500px, (min-width: 1024px) 33vw, 50vw\" class=\"w-full block h-full w-full object-cover object-center sm:h-full sm:w-full rounded-lg object-cover\" fetchpriority=\"auto\" format=\"webp\">\n\n\n<img src=\"//colourpop.com/cdn/shop/files/BFF_BROWN_LOOK_0176.jpg?v=1725198739&amp;width=500\" alt=\"Defined lashes fanning upward, coated in Brownie Points BFF Mascara, on a close-up eye with neutral shimmer shadow and a pop of yellow inner-corner liner, showcasing the rich brown lengthening effect of ColourPop BFF Mascara.\" srcset=\"//colourpop.com/cdn/shop/files/BFF_BROWN_LOOK_0176.jpg?v=1725198739&amp;width=500 500w\" width=\"500\" height=\"2400.0\" loading=\"lazy\" sizes=\"(min-width: 1440px) 500px, (min-width: 1024px) 33vw, 50vw\" class=\"w-full block h-full w-full object-cover object-center sm:h-full sm:w-full rounded-lg opacity-0 absolute inset-0 transition-opacity duration-300 ease-in-out group-hover/product-card-image:opacity-100 object-cover\" fetchpriority=\"auto\" format=\"webp\">\n        </div>\n      </a>\n    \n\n    <div class='flex flex-col flex-1 sm:p-4 sm:pb-0 justify-start gap-1 group-[.pair-product]:pt-0 group-[.pair-product]:ml-0 md:group-[.pair-product]:w-60 group-[.pair-product]:!px-0 group-[.pair-product]:w-full'>\n      <h3 class='text-body font-bold'>\n        <a\n          class='line-clamp-2 text-center group-[.pair-product]:text-left group-[.pair-product]:lowercase'\n          href='/products/brownie-points'\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          Volumizing Mascara\n        </p>\n      \n      \n        <p class='text-center text-caption font-bold text-t-foreground pb-1 group-[.pair-product]:hidden'>\n          20% Off. Limited time only.\n        </p>\n      \n\n      \n<div data-oke-star-rating data-oke-reviews-product-id=\"shopify-3857076355154\"><div data-oke-reviews-version=\"0.85.10\" data-oke-container=\"\" class=\"okeReviews oke-sr\"><div class=\"\"><div class=\"oke-sr-rating\"> 4.5 </div><div class=\"oke-sr-stars\"><div class=\"oke-stars\"><!----><div class=\"oke-stars-background\"><svg height=\"11\" viewBox=\"0 0 103.54545454545455 14\" aria-hidden=\"true\" role=\"none\"><use x=\"0\" href=\"#oke-star-empty\"></use><use x=\"22.236363636363635\" href=\"#oke-star-empty\"></use><use x=\"44.47272727272727\" href=\"#oke-star-empty\"></use><use x=\"66.7090909090909\" href=\"#oke-star-empty\"></use><use x=\"88.94545454545454\" href=\"#oke-star-empty\"></use></svg></div><div class=\"oke-stars-foreground\" style=\"width: 92.95%;\"><svg height=\"11\" viewBox=\"0 0 103.54545454545455 14\" aria-hidden=\"true\" role=\"none\"><use x=\"0\" href=\"#oke-star-filled\"></use><use x=\"22.236363636363635\" href=\"#oke-star-filled\"></use><use x=\"44.47272727272727\" href=\"#oke-star-filled\"></use><use x=\"66.7090909090909\" href=\"#oke-star-filled\"></use><use x=\"88.94545454545454\" href=\"#oke-star-filled\"></use></svg></div><span class=\"oke-a11yText\">Rated 4.5 out of 5 stars</span></div></div><div class=\"oke-sr-count\"><span class=\"oke-sr-count-number\">2,806</span><span class=\"oke-sr-label-text\"> Reviews</span><!----></div><!----></div><script type=\"application/json\" data-oke-metafield-data=\"\"> {\"averageRating\":\"4.5\",\"reviewCount\":2806} </script></div></div>\n\n    </div><div\n          class='\n            flex flex-col gap-y-xs items-center\n            \n            group-[.pair-product]:col-start-2 group-[.pair-product]:mt-[-40px] group-[.pair-product]:!items-start group-[.pair-product]:pt-2\n          '\n        ><!-- ##entry##core-quickshop-toggle##endentry## -->\n\n            <quick-shop-toggle\n              \n                class='w-full'\n              \n              product-url='/products/brownie-points'\n            >\n          \n\n          <button\n            type='button'\n            class='btn w-full !text-[10px] lg:!text-[14px] leading-normal lg:mx-auto group-[.pair-product]:!mx-0'\n            variant='secondary'\n          >\n            choose shade\n\n<div\n    class='\n      inline-flex gap-x-xs justify-start items-center group/price font-bold\n on-sale'\n    \n  >\n    <div class='inline-flex gap-x-2xs'><div class='group-[.on-sale]/price:hidden'><span class='sr-only'>Regular price</span>\n          <span class='font-bold font-bold'>\n            $8.00\n          </span></div>\n      <div class='hidden group-[.on-sale]/price:block'>\n        <span class='sr-only'>Sale price</span>\n        <span class='font-bold text-t-foreground lowercase font-bold hidden'>\n          free gift\n        </span>\n        <span class='font-bold text-t-foreground font-bold'>\n          $8.00\n        </span><span>\n            <s class='line-through text-[inherit] font-bold'>\n              $10.00\n            </s>\n          </span></div>\n      <small class='caption hidden'>\n        <span class='sr-only'>Unit price</span>\n        <span class='font-bold'>\n          <span></span>\n          <span aria-hidden='true'>/</span>\n          <span class='sr-only'>&nbsp;per&nbsp;</span>\n          <span>\n          </span>\n        </span>\n      </small>\n    </div>\n  </div>\n\n</button>\n          \n            </quick-shop-toggle>\n          \n        </div></main-product>\n              \n            </div>\n      </div>\n    </div>\n  </div>\n</div>\n\n            </div>\n          \n        \n</section>\n\n  </main-product>\n\n\n\n</section>"}