{"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: '7093158969426',\n            url: 'https://colourpop.com/products/brew-haha-creme-gel-liner',\n          })\n        })\n      }, 5000)\n    } else if (params.autocomplete == '1') {\n      setTimeout(() => {\n        nostojs((api) => {\n          api.recordSearchClick('autocomplete', {\n            productId: '7093158969426',\n            url: 'https://colourpop.com/products/brew-haha-creme-gel-liner',\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: '7093158969426',\n            url: 'https://colourpop.com/products/brew-haha-creme-gel-liner',\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/brew-haha-creme-gel-liner'\n    variant-id='40380310749266'\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/brew-haha-creme-gel-liner' aria-current='page'>Brew Haha</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/Brew-Haha-CGL-macro.jpg?v=1680298107&amp;width=90\" alt=\"ColourPop Crème Gel Liner in Brew Haha, a deep coffee-brown shade, shown with a twist-up tip in close-up against bold brown swatch strokes on white, highlighting the creamy gel tip and precise pencil format.\" srcset=\"//colourpop.com/cdn/shop/products/Brew-Haha-CGL-macro.jpg?v=1680298107&amp;width=40 40w, //colourpop.com/cdn/shop/products/Brew-Haha-CGL-macro.jpg?v=1680298107&amp;width=60 60w, //colourpop.com/cdn/shop/products/Brew-Haha-CGL-macro.jpg?v=1680298107&amp;width=80 80w, //colourpop.com/cdn/shop/products/Brew-Haha-CGL-macro.jpg?v=1680298107&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/CremeGelLiner-Brew-Haha_0572.jpg?v=1723678295&amp;width=90\" alt=\"Eye wearing ColourPop Crème Gel Liner in Brew Haha, drawing a sharp coffee-brown cat-eye wing along the upper lash line, with lifted lashes and natural skin texture in close-up.\" srcset=\"//colourpop.com/cdn/shop/files/CremeGelLiner-Brew-Haha_0572.jpg?v=1723678295&amp;width=40 40w, //colourpop.com/cdn/shop/files/CremeGelLiner-Brew-Haha_0572.jpg?v=1723678295&amp;width=60 60w, //colourpop.com/cdn/shop/files/CremeGelLiner-Brew-Haha_0572.jpg?v=1723678295&amp;width=80 80w, //colourpop.com/cdn/shop/files/CremeGelLiner-Brew-Haha_0572.jpg?v=1723678295&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/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_0bd661f8-8f38-4a9a-ba39-388ade8edcdb.jpg?v=1723678301&amp;width=90\" alt=\"Brew Haha ColourPop Crème Gel Liner pencil displayed in a rainbow lineup, showcasing a creamy twist-up eyeliner that glides on smooth, now waterproof with up to 18-hour wear, set on a pastel gradient backdrop with stars and smiley icons.\" srcset=\"//colourpop.com/cdn/shop/products/CGL-Infographic-Updated-Animation_0bd661f8-8f38-4a9a-ba39-388ade8edcdb.jpg?v=1723678301&amp;width=40 40w, //colourpop.com/cdn/shop/products/CGL-Infographic-Updated-Animation_0bd661f8-8f38-4a9a-ba39-388ade8edcdb.jpg?v=1723678301&amp;width=60 60w, //colourpop.com/cdn/shop/products/CGL-Infographic-Updated-Animation_0bd661f8-8f38-4a9a-ba39-388ade8edcdb.jpg?v=1723678301&amp;width=80 80w, //colourpop.com/cdn/shop/products/CGL-Infographic-Updated-Animation_0bd661f8-8f38-4a9a-ba39-388ade8edcdb.jpg?v=1723678301&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/Brew-Haha-CGL-with-Cap.jpg?v=1723678301&amp;width=90\" alt=\"ColourPop Crème Gel Liner in Brew Haha shown uncapped, retractable tip extended in a rich brown shade, with the doodle-printed cap set beside it, sleek dark tube labeled Crème Gel Liner against a clean white background.\" srcset=\"//colourpop.com/cdn/shop/products/Brew-Haha-CGL-with-Cap.jpg?v=1723678301&amp;width=40 40w, //colourpop.com/cdn/shop/products/Brew-Haha-CGL-with-Cap.jpg?v=1723678301&amp;width=60 60w, //colourpop.com/cdn/shop/products/Brew-Haha-CGL-with-Cap.jpg?v=1723678301&amp;width=80 80w, //colourpop.com/cdn/shop/products/Brew-Haha-CGL-with-Cap.jpg?v=1723678301&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/Brew-Haha-CGL-macro.jpg?v=1680298107&amp;width=600\" alt=\"ColourPop Crème Gel Liner in Brew Haha, a deep coffee-brown shade, shown with a twist-up tip in close-up against bold brown swatch strokes on white, highlighting the creamy gel tip and precise pencil format.\" 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/CremeGelLiner-Brew-Haha_0572.jpg?v=1723678295&amp;width=600\" alt=\"Eye wearing ColourPop Crème Gel Liner in Brew Haha, drawing a sharp coffee-brown cat-eye wing along the upper lash line, with lifted lashes and natural skin texture in close-up.\" width=\"600\" height=\"2400.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"><div class='swiper-lazy-preloader'></div></swiper-slide>\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<img src=\"//colourpop.com/cdn/shop/files/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=\"Brew Haha\" 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_0bd661f8-8f38-4a9a-ba39-388ade8edcdb.jpg?v=1723678301&amp;width=600\" alt=\"Brew Haha ColourPop Crème Gel Liner pencil displayed in a rainbow lineup, showcasing a creamy twist-up eyeliner that glides on smooth, now waterproof with up to 18-hour wear, set on a pastel gradient backdrop with stars and smiley icons.\" 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/Brew-Haha-CGL-with-Cap.jpg?v=1723678301&amp;width=600\" alt=\"ColourPop Crème Gel Liner in Brew Haha shown uncapped, retractable tip extended in a rich brown shade, with the doodle-printed cap set beside it, sleek dark tube labeled Crème Gel Liner against 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/Brew-Haha-CGL-macro.jpg?v=1680298107&amp;width=120\" alt=\"ColourPop Crème Gel Liner in Brew Haha, a deep coffee-brown shade, shown with a twist-up tip in close-up against bold brown swatch strokes on white, highlighting the creamy gel tip and precise pencil format.\" srcset=\"//colourpop.com/cdn/shop/products/Brew-Haha-CGL-macro.jpg?v=1680298107&amp;width=60 60w, //colourpop.com/cdn/shop/products/Brew-Haha-CGL-macro.jpg?v=1680298107&amp;width=80 80w, //colourpop.com/cdn/shop/products/Brew-Haha-CGL-macro.jpg?v=1680298107&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/CremeGelLiner-Brew-Haha_0572.jpg?v=1723678295&amp;width=120\" alt=\"Eye wearing ColourPop Crème Gel Liner in Brew Haha, drawing a sharp coffee-brown cat-eye wing along the upper lash line, with lifted lashes and natural skin texture in close-up.\" srcset=\"//colourpop.com/cdn/shop/files/CremeGelLiner-Brew-Haha_0572.jpg?v=1723678295&amp;width=60 60w, //colourpop.com/cdn/shop/files/CremeGelLiner-Brew-Haha_0572.jpg?v=1723678295&amp;width=80 80w, //colourpop.com/cdn/shop/files/CremeGelLiner-Brew-Haha_0572.jpg?v=1723678295&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/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_0bd661f8-8f38-4a9a-ba39-388ade8edcdb.jpg?v=1723678301&amp;width=120\" alt=\"Brew Haha ColourPop Crème Gel Liner pencil displayed in a rainbow lineup, showcasing a creamy twist-up eyeliner that glides on smooth, now waterproof with up to 18-hour wear, set on a pastel gradient backdrop with stars and smiley icons.\" srcset=\"//colourpop.com/cdn/shop/products/CGL-Infographic-Updated-Animation_0bd661f8-8f38-4a9a-ba39-388ade8edcdb.jpg?v=1723678301&amp;width=60 60w, //colourpop.com/cdn/shop/products/CGL-Infographic-Updated-Animation_0bd661f8-8f38-4a9a-ba39-388ade8edcdb.jpg?v=1723678301&amp;width=80 80w, //colourpop.com/cdn/shop/products/CGL-Infographic-Updated-Animation_0bd661f8-8f38-4a9a-ba39-388ade8edcdb.jpg?v=1723678301&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/Brew-Haha-CGL-with-Cap.jpg?v=1723678301&amp;width=120\" alt=\"ColourPop Crème Gel Liner in Brew Haha shown uncapped, retractable tip extended in a rich brown shade, with the doodle-printed cap set beside it, sleek dark tube labeled Crème Gel Liner against a clean white background.\" srcset=\"//colourpop.com/cdn/shop/products/Brew-Haha-CGL-with-Cap.jpg?v=1723678301&amp;width=60 60w, //colourpop.com/cdn/shop/products/Brew-Haha-CGL-with-Cap.jpg?v=1723678301&amp;width=80 80w, //colourpop.com/cdn/shop/products/Brew-Haha-CGL-with-Cap.jpg?v=1723678301&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/Brew-Haha-CGL-macro.jpg?v=1680298107&amp;width=620\" alt=\"ColourPop Crème Gel Liner in Brew Haha, a deep coffee-brown shade, shown with a twist-up tip in close-up against bold brown swatch strokes on white, highlighting the creamy gel tip and precise pencil format.\" srcset=\"//colourpop.com/cdn/shop/products/Brew-Haha-CGL-macro.jpg?v=1680298107&amp;width=600 600w, //colourpop.com/cdn/shop/products/Brew-Haha-CGL-macro.jpg?v=1680298107&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/CremeGelLiner-Brew-Haha_0572.jpg?v=1723678295&amp;width=620\" alt=\"Eye wearing ColourPop Crème Gel Liner in Brew Haha, drawing a sharp coffee-brown cat-eye wing along the upper lash line, with lifted lashes and natural skin texture in close-up.\" srcset=\"//colourpop.com/cdn/shop/files/CremeGelLiner-Brew-Haha_0572.jpg?v=1723678295&amp;width=600 600w, //colourpop.com/cdn/shop/files/CremeGelLiner-Brew-Haha_0572.jpg?v=1723678295&amp;width=620 620w\" width=\"620\" height=\"2400.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\" format=\"webp\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--16300830097490__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/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=\"Brew Haha\" 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_0bd661f8-8f38-4a9a-ba39-388ade8edcdb.jpg?v=1723678301&amp;width=620\" alt=\"Brew Haha ColourPop Crème Gel Liner pencil displayed in a rainbow lineup, showcasing a creamy twist-up eyeliner that glides on smooth, now waterproof with up to 18-hour wear, set on a pastel gradient backdrop with stars and smiley icons.\" srcset=\"//colourpop.com/cdn/shop/products/CGL-Infographic-Updated-Animation_0bd661f8-8f38-4a9a-ba39-388ade8edcdb.jpg?v=1723678301&amp;width=600 600w, //colourpop.com/cdn/shop/products/CGL-Infographic-Updated-Animation_0bd661f8-8f38-4a9a-ba39-388ade8edcdb.jpg?v=1723678301&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/Brew-Haha-CGL-with-Cap.jpg?v=1723678301&amp;width=620\" alt=\"ColourPop Crème Gel Liner in Brew Haha shown uncapped, retractable tip extended in a rich brown shade, with the doodle-printed cap set beside it, sleek dark tube labeled Crème Gel Liner against a clean white background.\" srcset=\"//colourpop.com/cdn/shop/products/Brew-Haha-CGL-with-Cap.jpg?v=1723678301&amp;width=600 600w, //colourpop.com/cdn/shop/products/Brew-Haha-CGL-with-Cap.jpg?v=1723678301&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-7093158969426\"\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      checked\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    \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-7093158969426\"\n        value=\"40380310749266\"\n        name=\"sibling-picker-7093158969426\"\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-7093158969426\"\n        value=\"40380310749266\"\n        name=\"sibling-picker-7093158969426\"\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=\"1177\"\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              selected\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            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-7093158969426\"\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\":40380310749266,\"title\":\"Default Title\",\"option1\":\"Default Title\",\"option2\":null,\"option3\":null,\"sku\":\"CremeGelLiner-BrewHaHa_n\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":null,\"available\":true,\"name\":\"Brew Haha\",\"public_title\":null,\"options\":[\"Default Title\"],\"price\":640,\"weight\":8,\"compare_at_price\":800,\"inventory_quantity\":3750,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"FG006097\",\"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>Brew Haha</span><span> - Black brown</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='40380310749266'\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>Brew Haha</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='40380310749266'\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 Brew Haha</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='8247'\n    step='1'\n    aria-label='Quantity for Brew Haha'\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 Brew Haha</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--7093158969426'\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=\"7093158969426\" /><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:PromoBackup2,#.collection:promoproducts,#.collection:TemptaliaPromo,#.glosku:40offcollab,#.hidden:false,#.promo.30offsitewide,#.promo:20festival2024,#.promo:30liners,#.promo:5CGL,#.promo:aug24BFFBOGO,#.promo:BOGOBFF21,#.promo:brewhahaupsell,#.promo:SinglesDay30,#.promo:singlesdaybogo2024,#.shipping:china,#.trigger:nationalnudedayflashsale,#.trigger:worldchocolatedaypromo,#.upsell-price:560,#rmb.glosku:76,040623,BOGO033021,category:Eyes,collab:Jamie Greenberg,color:Neutrals,crme-gel-liner,Darks,finish:Matte,glosku:5cgl,glosku:school30,Holiday 2025,KeepOOS,KLFavorites,Matte,MDW30,mvp.creme-gel-liner,Neutrals,NeverOOS,productline:ColourPop,producttype:Crème Gel Liner,SKULifecycle:Permanent,subcategory:Eyeliner,unitnumber:1,unittype:single,vegan,\"\ndata-publish-id=\"g1w7hu6osho9x\"\ndata-product-id=\"7093158969426\">\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, POLYETHYLENE, STEAROXY DIMETHICONE, SILICA, IRON OXIDES (CI 77491, CI 77492, CI 77499), MICA (CI 77019), 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>"}