{"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: '2353239949394',\n            url: 'https://colourpop.com/products/nightdream',\n          })\n        })\n      }, 5000)\n    } else if (params.autocomplete == '1') {\n      setTimeout(() => {\n        nostojs((api) => {\n          api.recordSearchClick('autocomplete', {\n            productId: '2353239949394',\n            url: 'https://colourpop.com/products/nightdream',\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: '2353239949394',\n            url: 'https://colourpop.com/products/nightdream',\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/nightdream'\n    variant-id='21177758154834'\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/eyeshadow'>\n            Eyeshadow\n          </a>\n        </li><li class='inline text-caption'>\n        <a class='pointer-events-none text-caption' href='/products/nightdream' aria-current='page'>Nightdream</a>\n      </li></ol>\n</nav>\n</div>\n\n\n\n\n\n<div\n  id='MediaGallery-template--16300830097490__main'\n  role='region'\n  sub-section-id='MediaGallery-template--16300830097490__main'\n  aria-label='Gallery Viewer'\n  \n>\n  \n\n<modal-dialog\n    cloak\n    type='modal'\n    id='MediaGallery-template--16300830097490__main-zoom-gallery'\n\n    \n      url=''\n    \n\n    \n      size='modal-max'\n    \n\n    \n\n    \n      close-on-backdrop-click='true'\n    \n\n    \n\n    \n\n    \n\n    \n      close-icon-position='right'\n    \n\n    \n\n    \n  >\n    \n    <div class=\"grid gap-x-xs lg:gap-x-sm grid-cols-[80px,minmax(0,_1fr)] md:grid-cols-[80px,minmax(0,_1fr)] lg:grid-cols-[120px,minmax(0,_1fr)] size-full\">\n      <div class=\"p-xs\">\n        <swiper-container\n          class='block'\n          direction='vertical'\n          slides-per-view='auto'\n          space-between='10'\n          mousewheel='true'\n          id='MediaGallery-template--16300830097490__main-thumbs-swiper-zoom'\n          controller-control='#MediaGallery-template--16300830097490__main-main-swiper'\n        >\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-p-darkest rounded-e-lg duration-300 transition'>\n\n<img src=\"//colourpop.com/cdn/shop/files/Night-Dream-PPS.jpg?v=1691006033&amp;width=90\" alt=\"ColourPop Nightdream pressed powder shadow pan showcasing a deep black‑purple eyeshadow packed with fine multicolor sparkle, displayed with a crushed swatch on a white background, highlighting its glittery smoky finish.\" srcset=\"//colourpop.com/cdn/shop/files/Night-Dream-PPS.jpg?v=1691006033&amp;width=40 40w, //colourpop.com/cdn/shop/files/Night-Dream-PPS.jpg?v=1691006033&amp;width=60 60w, //colourpop.com/cdn/shop/files/Night-Dream-PPS.jpg?v=1691006033&amp;width=80 80w, //colourpop.com/cdn/shop/files/Night-Dream-PPS.jpg?v=1691006033&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/files/Night-Dream-PPS.jpg?v=1691006033&amp;width=600\" alt=\"ColourPop Nightdream pressed powder shadow pan showcasing a deep black‑purple eyeshadow packed with fine multicolor sparkle, displayed with a crushed swatch on a white background, highlighting its glittery smoky finish.\" 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-container>\n      </swiper-with-media>\n    </div>\n  \n  </modal-dialog>\n<div\n    \n      class='block gap-y-sm lg:grid lg:grid-cols-[100px,minmax(0,_1fr)] xl:grid-cols-[120px,minmax(0,_1fr)] gap-x-xs place-content-start lg:sticky lg:top-[--header-height]'\n    \n  ><div class='relative overflow-clip lg:mb-5 lg:max-h-[600px]'>\n        <swiper-container\n          class='w-full hidden lg:block absolute top-0 left-0 h-full pt-14 xl:pt-20 pb-6 rounded-lg '\n          direction='vertical'\n          slides-per-view='auto'\n          space-between='4'\n          mousewheel='true'\n          id='MediaGallery-template--16300830097490__main-thumbs-swiper'\n          navigation-next-el='.swiper-button-next-template--16300830097490__main'\n          navigation-prev-el='.swiper-button-prev-template--16300830097490__main'\n          breakpoints='{ \"1024\": { \"slidesPerView\": 4 } }'\n        >\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-1 aspect-square p-1.5 border border-solid rounded-[10px] border-p-lightest [&.swiper-slide-thumb-active]:border-p-darkest duration-300 transition overflow-hidden cursor-pointer'>\n              <div class='relative w-full h-full rounded-md overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/Night-Dream-PPS.jpg?v=1691006033&amp;width=120\" alt=\"ColourPop Nightdream pressed powder shadow pan showcasing a deep black‑purple eyeshadow packed with fine multicolor sparkle, displayed with a crushed swatch on a white background, highlighting its glittery smoky finish.\" srcset=\"//colourpop.com/cdn/shop/files/Night-Dream-PPS.jpg?v=1691006033&amp;width=60 60w, //colourpop.com/cdn/shop/files/Night-Dream-PPS.jpg?v=1691006033&amp;width=80 80w, //colourpop.com/cdn/shop/files/Night-Dream-PPS.jpg?v=1691006033&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></div><div class='relative'><!-- ##entry##core-swiper-with-media##endentry## -->\n<swiper-with-media\n        class='w-full h-full block'\n      >\n        <swiper-container\n          class='w-full h-full block whitespace-nowrap overflow-clip pb-6'\n          init='false'\n          watch-slides-progress='true'\n          thumbs-swiper='#MediaGallery-template--16300830097490__main-thumbs-swiper'\n          controller-control='#MediaGallery-template--16300830097490__main-main-swiper-zoom'\n          auto-scroll-offset='true'\n          id='MediaGallery-template--16300830097490__main-main-swiper'\n          \n            pagination='{ \"clickable\": true, \"el\": \".swiper-pagination\" }'\n          \n        >\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/Night-Dream-PPS.jpg?v=1691006033&amp;width=620\" alt=\"ColourPop Nightdream pressed powder shadow pan showcasing a deep black‑purple eyeshadow packed with fine multicolor sparkle, displayed with a crushed swatch on a white background, highlighting its glittery smoky finish.\" srcset=\"//colourpop.com/cdn/shop/files/Night-Dream-PPS.jpg?v=1691006033&amp;width=600 600w, //colourpop.com/cdn/shop/files/Night-Dream-PPS.jpg?v=1691006033&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        </swiper-container></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 '></div>\n<div  sub-section-id='title'>\n          <h1 class='break-words h2 lg:h3'>\n            Pressed Powder Shadow\n          </h1><h2 class='p '>\n              Blendable Bold Pigment\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-2353239949394\"\n    >\n        <div data-oke-reviews-version=\"0.83.15\" data-oke-container=\"\" class=\"okeReviews oke-sr\"><div class=\"\"><div class=\"oke-sr-rating\"> 4.8 </div><div class=\"oke-sr-stars\"><div class=\"oke-stars\"><!----><div class=\"oke-stars-background\"><svg height=\"11\" viewBox=\"0 0 103.54545454545455 14\" aria-hidden=\"true\" role=\"none\"><use x=\"0\" href=\"#oke-star-empty\"></use><use x=\"22.236363636363635\" href=\"#oke-star-empty\"></use><use x=\"44.47272727272727\" href=\"#oke-star-empty\"></use><use x=\"66.7090909090909\" href=\"#oke-star-empty\"></use><use x=\"88.94545454545454\" href=\"#oke-star-empty\"></use></svg></div><div class=\"oke-stars-foreground\" style=\"width: 97.18%;\"><svg height=\"11\" viewBox=\"0 0 103.54545454545455 14\" aria-hidden=\"true\" role=\"none\"><use x=\"0\" href=\"#oke-star-filled\"></use><use x=\"22.236363636363635\" href=\"#oke-star-filled\"></use><use x=\"44.47272727272727\" href=\"#oke-star-filled\"></use><use x=\"66.7090909090909\" href=\"#oke-star-filled\"></use><use x=\"88.94545454545454\" href=\"#oke-star-filled\"></use></svg></div><span class=\"oke-a11yText\">Rated 4.8 out of 5 stars</span></div></div><div class=\"oke-sr-count\"><span class=\"oke-sr-count-number\">64</span><span class=\"oke-sr-label-text\"> Reviews</span><!----></div><!----></div><script type=\"application/json\" data-oke-metafield-data=\"\"> {\"averageRating\":\"4.8\",\"reviewCount\":64} </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='gnarly-matte-neutral-pressed-powder-eyeshadow'\n    name='sibling-picker'\n    value='gnarly-matte-neutral-pressed-powder-eyeshadow'\n    form=''\n    class='sr-only'\n    \n    \n      unavailable\n    \n    \n      data-product-url=\"/products/gnarly-matte-neutral-pressed-powder-eyeshadow\"\n  data-option-value-id=\"32945892491346\"\n  data-variant-id=\"32945892491346\"\n  data-variant-available=\"false\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='gnarly-matte-neutral-pressed-powder-eyeshadow'\n    title='gnarly-matte-neutral-pressed-powder-eyeshadow'\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/Gnarly.webp?v=1698101055&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/gnarly-matte-neutral-pressed-powder-eyeshadow?variant=32945892491346&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='diego-metallic-neutral-pressed-powder-eyeshadow'\n    name='sibling-picker'\n    value='diego-metallic-neutral-pressed-powder-eyeshadow'\n    form=''\n    class='sr-only'\n    \n    \n      unavailable\n    \n    \n      data-product-url=\"/products/diego-metallic-neutral-pressed-powder-eyeshadow\"\n  data-option-value-id=\"32945647321170\"\n  data-variant-id=\"32945647321170\"\n  data-variant-available=\"false\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='diego-metallic-neutral-pressed-powder-eyeshadow'\n    title='diego-metallic-neutral-pressed-powder-eyeshadow'\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/Diego.webp?v=1698101055&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/diego-metallic-neutral-pressed-powder-eyeshadow?variant=32945647321170&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='archer-shadow'\n    name='sibling-picker'\n    value='archer-shadow'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/archer-shadow\"\n  data-option-value-id=\"39923054837842\"\n  data-variant-id=\"39923054837842\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='archer-shadow'\n    title='archer-shadow'\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/Archer-Swatch.webp?v=1698101054&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/archer-shadow?variant=39923054837842&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-crackin-matte-sparkle-brown-pressed-powder-eyeshadow'\n    name='sibling-picker'\n    value='get-crackin-matte-sparkle-brown-pressed-powder-eyeshadow'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/get-crackin-matte-sparkle-brown-pressed-powder-eyeshadow\"\n  data-option-value-id=\"32945922834514\"\n  data-variant-id=\"32945922834514\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='get-crackin-matte-sparkle-brown-pressed-powder-eyeshadow'\n    title='get-crackin-matte-sparkle-brown-pressed-powder-eyeshadow'\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-Crackin.webp?v=1698101055&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-crackin-matte-sparkle-brown-pressed-powder-eyeshadow?variant=32945922834514&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='float-on-matte-brown-pressed-powder-eyeshadow'\n    name='sibling-picker'\n    value='float-on-matte-brown-pressed-powder-eyeshadow'\n    form=''\n    class='sr-only'\n    \n    \n      unavailable\n    \n    \n      data-product-url=\"/products/float-on-matte-brown-pressed-powder-eyeshadow\"\n  data-option-value-id=\"32951051485266\"\n  data-variant-id=\"32951051485266\"\n  data-variant-available=\"false\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='float-on-matte-brown-pressed-powder-eyeshadow'\n    title='float-on-matte-brown-pressed-powder-eyeshadow'\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/Float-On.webp?v=1698101055&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/float-on-matte-brown-pressed-powder-eyeshadow?variant=32951051485266&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='facet'\n    name='sibling-picker'\n    value='facet'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/facet\"\n  data-option-value-id=\"696373346329\"\n  data-variant-id=\"696373346329\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='facet'\n    title='facet'\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/Facet-PPS.webp?v=1698101054&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/facet?variant=696373346329&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='earthshine'\n    name='sibling-picker'\n    value='earthshine'\n    form=''\n    class='sr-only'\n    \n    \n      unavailable\n    \n    \n      data-product-url=\"/products/earthshine\"\n  data-option-value-id=\"21177781747794\"\n  data-variant-id=\"21177781747794\"\n  data-variant-available=\"false\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='earthshine'\n    title='earthshine'\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/Earthshine-PPS.webp?v=1698101055&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/earthshine?variant=21177781747794&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='fluff-metallic-purple-pressed-powder-eyeshadow'\n    name='sibling-picker'\n    value='fluff-metallic-purple-pressed-powder-eyeshadow'\n    form=''\n    class='sr-only'\n    \n    \n      unavailable\n    \n    \n      data-product-url=\"/products/fluff-metallic-purple-pressed-powder-eyeshadow\"\n  data-option-value-id=\"32955561181266\"\n  data-variant-id=\"32955561181266\"\n  data-variant-available=\"false\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='fluff-metallic-purple-pressed-powder-eyeshadow'\n    title='fluff-metallic-purple-pressed-powder-eyeshadow'\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/Fluffy.webp?v=1698101055&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/fluff-metallic-purple-pressed-powder-eyeshadow?variant=32955561181266&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='lost-and-found'\n    name='sibling-picker'\n    value='lost-and-found'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/lost-and-found\"\n  data-option-value-id=\"32441870796\"\n  data-variant-id=\"32441870796\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='lost-and-found'\n    title='lost-and-found'\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/Lost-And-Found-PPS.webp?v=1698101054&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/lost-and-found?variant=32441870796&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='billie-jean-metallic-blue-pressed-powder-eyeshadow'\n    name='sibling-picker'\n    value='billie-jean-metallic-blue-pressed-powder-eyeshadow'\n    form=''\n    class='sr-only'\n    \n    \n      unavailable\n    \n    \n      data-product-url=\"/products/billie-jean-metallic-blue-pressed-powder-eyeshadow\"\n  data-option-value-id=\"32952563564626\"\n  data-variant-id=\"32952563564626\"\n  data-variant-available=\"false\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='billie-jean-metallic-blue-pressed-powder-eyeshadow'\n    title='billie-jean-metallic-blue-pressed-powder-eyeshadow'\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/Billie-Jean.webp?v=1698101055&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/billie-jean-metallic-blue-pressed-powder-eyeshadow?variant=32952563564626&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='backstage'\n    name='sibling-picker'\n    value='backstage'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/backstage\"\n  data-option-value-id=\"1736909783065\"\n  data-variant-id=\"1736909783065\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='backstage'\n    title='backstage'\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/Backstage-PPS.webp?v=1698101054&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/backstage?variant=1736909783065&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='antimatter'\n    name='sibling-picker'\n    value='antimatter'\n    form=''\n    class='sr-only'\n    \n    \n      unavailable\n    \n    \n      data-product-url=\"/products/antimatter\"\n  data-option-value-id=\"21177825460306\"\n  data-variant-id=\"21177825460306\"\n  data-variant-available=\"false\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='antimatter'\n    title='antimatter'\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/Antimatter-PPS.webp?v=1698101055&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/antimatter?variant=21177825460306&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='gridlock'\n    name='sibling-picker'\n    value='gridlock'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/gridlock\"\n  data-option-value-id=\"30307899277394\"\n  data-variant-id=\"30307899277394\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='gridlock'\n    title='gridlock'\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/Gridlock_A.webp?v=1698101055&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/gridlock?variant=30307899277394&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='conjour-up'\n    name='sibling-picker'\n    value='conjour-up'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/conjour-up\"\n  data-option-value-id=\"21177718800466\"\n  data-variant-id=\"21177718800466\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='conjour-up'\n    title='conjour-up'\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/Conjour-Up-PPS.webp?v=1698101053&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/conjour-up?variant=21177718800466&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='mary-jane-metallic-green-pressed-powder-eyeshadow'\n    name='sibling-picker'\n    value='mary-jane-metallic-green-pressed-powder-eyeshadow'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/mary-jane-metallic-green-pressed-powder-eyeshadow\"\n  data-option-value-id=\"32952525586514\"\n  data-variant-id=\"32952525586514\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='mary-jane-metallic-green-pressed-powder-eyeshadow'\n    title='mary-jane-metallic-green-pressed-powder-eyeshadow'\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/Mary-Jane.webp?v=1698101055&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/mary-jane-metallic-green-pressed-powder-eyeshadow?variant=32952525586514&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='laguna-neutral-matte-pressed-powder-eyeshadow'\n    name='sibling-picker'\n    value='laguna-neutral-matte-pressed-powder-eyeshadow'\n    form=''\n    class='sr-only'\n    \n    \n      unavailable\n    \n    \n      data-product-url=\"/products/laguna-neutral-matte-pressed-powder-eyeshadow\"\n  data-option-value-id=\"32945693884498\"\n  data-variant-id=\"32945693884498\"\n  data-variant-available=\"false\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='laguna-neutral-matte-pressed-powder-eyeshadow'\n    title='laguna-neutral-matte-pressed-powder-eyeshadow'\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/Laguna.webp?v=1698101055&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/laguna-neutral-matte-pressed-powder-eyeshadow?variant=32945693884498&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='entangled-shadow'\n    name='sibling-picker'\n    value='entangled-shadow'\n    form=''\n    class='sr-only'\n    \n    \n      unavailable\n    \n    \n      data-product-url=\"/products/entangled-shadow\"\n  data-option-value-id=\"39923048742994\"\n  data-variant-id=\"39923048742994\"\n  data-variant-available=\"false\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='entangled-shadow'\n    title='entangled-shadow'\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/Entangled-_-Swatch.webp?v=1698101054&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/entangled-shadow?variant=39923048742994&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='balancing-act-eyeshadow'\n    name='sibling-picker'\n    value='balancing-act-eyeshadow'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/balancing-act-eyeshadow\"\n  data-option-value-id=\"39836016934994\"\n  data-variant-id=\"39836016934994\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='balancing-act-eyeshadow'\n    title='balancing-act-eyeshadow'\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/Balancing-Act.webp?v=1698101054&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/balancing-act-eyeshadow?variant=39836016934994&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='lay-low'\n    name='sibling-picker'\n    value='lay-low'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/lay-low\"\n  data-option-value-id=\"1736901263385\"\n  data-variant-id=\"1736901263385\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='lay-low'\n    title='lay-low'\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/Lay-Low.webp?v=1698101054&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/lay-low?variant=1736901263385&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='high-society'\n    name='sibling-picker'\n    value='high-society'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/high-society\"\n  data-option-value-id=\"30308346298450\"\n  data-variant-id=\"30308346298450\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='high-society'\n    title='high-society'\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/High-Society_A.webp?v=1698101055&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/high-society?variant=30308346298450&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='goody-two-shoes'\n    name='sibling-picker'\n    value='goody-two-shoes'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/goody-two-shoes\"\n  data-option-value-id=\"696293949465\"\n  data-variant-id=\"696293949465\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='goody-two-shoes'\n    title='goody-two-shoes'\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/Goody-Two-Shoes-PPS.webp?v=1698101055&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/goody-two-shoes?variant=696293949465&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='material-girl'\n    name='sibling-picker'\n    value='material-girl'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/material-girl\"\n  data-option-value-id=\"30315602542674\"\n  data-variant-id=\"30315602542674\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='material-girl'\n    title='material-girl'\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/Material-Girl.webp?v=1698101054&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/material-girl?variant=30315602542674&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='miss-u-shadow'\n    name='sibling-picker'\n    value='miss-u-shadow'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/miss-u-shadow\"\n  data-option-value-id=\"40152368873554\"\n  data-variant-id=\"40152368873554\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='miss-u-shadow'\n    title='miss-u-shadow'\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/Miss-U-PPS.webp?v=1698101055&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/miss-u-shadow?variant=40152368873554&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='mission-matte-sparkle-brown-pressed-powder-eyeshadow'\n    name='sibling-picker'\n    value='mission-matte-sparkle-brown-pressed-powder-eyeshadow'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/mission-matte-sparkle-brown-pressed-powder-eyeshadow\"\n  data-option-value-id=\"32945826725970\"\n  data-variant-id=\"32945826725970\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='mission-matte-sparkle-brown-pressed-powder-eyeshadow'\n    title='mission-matte-sparkle-brown-pressed-powder-eyeshadow'\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/Mission.webp?v=1698101055&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/mission-matte-sparkle-brown-pressed-powder-eyeshadow?variant=32945826725970&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='misty'\n    name='sibling-picker'\n    value='misty'\n    form=''\n    class='sr-only'\n    \n    \n      unavailable\n    \n    \n      data-product-url=\"/products/misty\"\n  data-option-value-id=\"21177722536018\"\n  data-variant-id=\"21177722536018\"\n  data-variant-available=\"false\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='misty'\n    title='misty'\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/Misty-PPS.webp?v=1698101054&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/misty?variant=21177722536018&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='on-a-whimsy'\n    name='sibling-picker'\n    value='on-a-whimsy'\n    form=''\n    class='sr-only'\n    \n    \n      unavailable\n    \n    \n      data-product-url=\"/products/on-a-whimsy\"\n  data-option-value-id=\"21177699205202\"\n  data-variant-id=\"21177699205202\"\n  data-variant-available=\"false\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='on-a-whimsy'\n    title='on-a-whimsy'\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/On-A-Whimsy-PPS.webp?v=1698101055&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/on-a-whimsy?variant=21177699205202&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='paradiso'\n    name='sibling-picker'\n    value='paradiso'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/paradiso\"\n  data-option-value-id=\"21177735053394\"\n  data-variant-id=\"21177735053394\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='paradiso'\n    title='paradiso'\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/Paradiso-PPS.webp?v=1698101055&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/paradiso?variant=21177735053394&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='subdue'\n    name='sibling-picker'\n    value='subdue'\n    form=''\n    class='sr-only'\n    \n    \n      unavailable\n    \n    \n      data-product-url=\"/products/subdue\"\n  data-option-value-id=\"22379605098578\"\n  data-variant-id=\"22379605098578\"\n  data-variant-available=\"false\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='subdue'\n    title='subdue'\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/Subdue-PPS.webp?v=1698101055&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/subdue?variant=22379605098578&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='tide-pool-metallic-blue-pressed-powder-eyeshadow'\n    name='sibling-picker'\n    value='tide-pool-metallic-blue-pressed-powder-eyeshadow'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/tide-pool-metallic-blue-pressed-powder-eyeshadow\"\n  data-option-value-id=\"32955463434322\"\n  data-variant-id=\"32955463434322\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='tide-pool-metallic-blue-pressed-powder-eyeshadow'\n    title='tide-pool-metallic-blue-pressed-powder-eyeshadow'\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/Tide-Pool.webp?v=1698101055&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/tide-pool-metallic-blue-pressed-powder-eyeshadow?variant=32955463434322&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='turntables'\n    name='sibling-picker'\n    value='turntables'\n    form=''\n    class='sr-only'\n    \n    \n      unavailable\n    \n    \n      data-product-url=\"/products/turntables\"\n  data-option-value-id=\"30315296620626\"\n  data-variant-id=\"30315296620626\"\n  data-variant-available=\"false\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='turntables'\n    title='turntables'\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/Turntables.webp?v=1698101055&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/turntables?variant=30315296620626&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='wishful-winking'\n    name='sibling-picker'\n    value='wishful-winking'\n    form=''\n    class='sr-only'\n    \n    \n      unavailable\n    \n    \n      data-product-url=\"/products/wishful-winking\"\n  data-option-value-id=\"21177732399186\"\n  data-variant-id=\"21177732399186\"\n  data-variant-available=\"false\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='wishful-winking'\n    title='wishful-winking'\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/Wishful-Winking-PPS.webp?v=1698101055&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/wishful-winking?variant=21177732399186&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='nightdream'\n    name='sibling-picker'\n    value='nightdream'\n    form=''\n    class='sr-only'\n    \n      checked\n    \n    \n    \n      data-product-url=\"/products/nightdream\"\n  data-option-value-id=\"21177758154834\"\n  data-variant-id=\"21177758154834\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='nightdream'\n    title='nightdream'\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/Night-Dream-PPS.webp?v=1698101055&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/nightdream?variant=21177758154834&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='not-ok-burnt-orange-pressed-powder-eyeshadow'\n    name='sibling-picker'\n    value='not-ok-burnt-orange-pressed-powder-eyeshadow'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/not-ok-burnt-orange-pressed-powder-eyeshadow\"\n  data-option-value-id=\"30315639406674\"\n  data-variant-id=\"30315639406674\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='not-ok-burnt-orange-pressed-powder-eyeshadow'\n    title='not-ok-burnt-orange-pressed-powder-eyeshadow'\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/Not-OK.webp?v=1698101055&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/not-ok-burnt-orange-pressed-powder-eyeshadow?variant=30315639406674&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='poodle'\n    name='sibling-picker'\n    value='poodle'\n    form=''\n    class='sr-only'\n    \n    \n      unavailable\n    \n    \n      data-product-url=\"/products/poodle\"\n  data-option-value-id=\"696324620313\"\n  data-variant-id=\"696324620313\"\n  data-variant-available=\"false\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='poodle'\n    title='poodle'\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/Poodle-PPS.webp?v=1698101055&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/poodle?variant=696324620313&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='ringer'\n    name='sibling-picker'\n    value='ringer'\n    form=''\n    class='sr-only'\n    \n    \n      unavailable\n    \n    \n      data-product-url=\"/products/ringer\"\n  data-option-value-id=\"696334221337\"\n  data-variant-id=\"696334221337\"\n  data-variant-available=\"false\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='ringer'\n    title='ringer'\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/Ringer-PPS.webp?v=1698101055&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/ringer?variant=696334221337&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='say-i-do'\n    name='sibling-picker'\n    value='say-i-do'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/say-i-do\"\n  data-option-value-id=\"21341404495954\"\n  data-variant-id=\"21341404495954\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='say-i-do'\n    title='say-i-do'\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/Say-I-Do-PPS.webp?v=1698101054&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/say-i-do?variant=21341404495954&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='snake-eyes'\n    name='sibling-picker'\n    value='snake-eyes'\n    form=''\n    class='sr-only'\n    \n    \n      unavailable\n    \n    \n      data-product-url=\"/products/snake-eyes\"\n  data-option-value-id=\"696381964313\"\n  data-variant-id=\"696381964313\"\n  data-variant-available=\"false\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='snake-eyes'\n    title='snake-eyes'\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/Snake-Eyes-PPS.webp?v=1698101055&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/snake-eyes?variant=696381964313&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='take-the-lead'\n    name='sibling-picker'\n    value='take-the-lead'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/take-the-lead\"\n  data-option-value-id=\"696357552153\"\n  data-variant-id=\"696357552153\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='take-the-lead'\n    title='take-the-lead'\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/Take-The-Lead-PPS.webp?v=1698101054&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/take-the-lead?variant=696357552153&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='tea-garden'\n    name='sibling-picker'\n    value='tea-garden'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/tea-garden\"\n  data-option-value-id=\"696382291993\"\n  data-variant-id=\"696382291993\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='tea-garden'\n    title='tea-garden'\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/Tea-Garden-PPS.webp?v=1698101055&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/tea-garden?variant=696382291993&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='team-captain'\n    name='sibling-picker'\n    value='team-captain'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/team-captain\"\n  data-option-value-id=\"696358928409\"\n  data-variant-id=\"696358928409\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='team-captain'\n    title='team-captain'\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/Team-Captain-PPS.webp?v=1698101054&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/team-captain?variant=696358928409&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='wake-up-call'\n    name='sibling-picker'\n    value='wake-up-call'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/wake-up-call\"\n  data-option-value-id=\"696369643545\"\n  data-variant-id=\"696369643545\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='wake-up-call'\n    title='wake-up-call'\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/Wake-Up-Call-PPS.webp?v=1698101054&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/wake-up-call?variant=696369643545&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='conundrum'\n    name='sibling-picker'\n    value='conundrum'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/conundrum\"\n  data-option-value-id=\"696268259353\"\n  data-variant-id=\"696268259353\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='conundrum'\n    title='conundrum'\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/Conundrum-PPS.webp?v=1698101054&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/conundrum?variant=696268259353&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-2353239949394\"\n        value=\"21177758154834\"\n        name=\"sibling-picker-2353239949394\"\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-2353239949394\"\n        value=\"21177758154834\"\n        name=\"sibling-picker-2353239949394\"\n\n        \n\n        \n        \n\n        \n\n        \n\n        \n      \n          >\n            \n        \n          <option value=\"32945892491346\"\n            \n            data-variant-id=\"32945892491346\"\n            data-product-url=\"/products/gnarly-matte-neutral-pressed-powder-eyeshadow\"\n            data-variant-available=\"false\"\n            data-variant-inventory=\"0\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Gnarly.webp?v=1698101055&width=40\"\n            \n            \n              disabled\n            \n            data-swatch-hex=\"#d9a381\"\n            data-shade-description=\"Matte soft warm beige\"data-short-description=\"Blendable Bold Pigment\"data-type=\"Pressed Powder Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Gnarly.jpg?v=1691006580&width=90\"\n          >\n            Gnarly\n          </option>\n        \n          <option value=\"32945647321170\"\n            \n            data-variant-id=\"32945647321170\"\n            data-product-url=\"/products/diego-metallic-neutral-pressed-powder-eyeshadow\"\n            data-variant-available=\"false\"\n            data-variant-inventory=\"0\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Diego.webp?v=1698101055&width=40\"\n            \n            \n              disabled\n            \n            data-swatch-hex=\"#c8a27c\"\n            data-shade-description=\"Warm midtone gold\"data-short-description=\"Blendable Bold Pigment\"data-type=\"Pressed Powder Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Diego.jpg?v=1691006393&width=90\"\n          >\n            Diego\n          </option>\n        \n          <option value=\"39923054837842\"\n            \n            data-variant-id=\"39923054837842\"\n            data-product-url=\"/products/archer-shadow\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"712\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Archer-Swatch.webp?v=1698101054&width=40\"\n            \n            \n            data-swatch-hex=\"#ba7d5b\"\n            data-shade-description=\"Matte nude\"data-short-description=\"Blendable Bold Pigment\"data-type=\"Pressed Powder Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Archer-Swatch.jpg?v=1691006536&width=90\"\n          >\n            Archer\n          </option>\n        \n          <option value=\"32945922834514\"\n            \n            data-variant-id=\"32945922834514\"\n            data-product-url=\"/products/get-crackin-matte-sparkle-brown-pressed-powder-eyeshadow\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"450\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Get-Crackin.webp?v=1698101055&width=40\"\n            \n            \n            data-swatch-hex=\"#9e7462\"\n            data-shade-description=\"Cool brown with silver flecks\"data-short-description=\"Blendable Bold Pigment\"data-type=\"Pressed Powder Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Get-Crackin.jpg?v=1691006572&width=90\"\n          >\n            Get Crackin'\n          </option>\n        \n          <option value=\"32951051485266\"\n            \n            data-variant-id=\"32951051485266\"\n            data-product-url=\"/products/float-on-matte-brown-pressed-powder-eyeshadow\"\n            data-variant-available=\"false\"\n            data-variant-inventory=\"0\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Float-On.webp?v=1698101055&width=40\"\n            \n            \n              disabled\n            \n            data-swatch-hex=\"#7a5d54\"\n            data-shade-description=\"Matte deep cool brown\"data-short-description=\"Blendable Bold Pigment\"data-type=\"Pressed Powder Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Float-On.jpg?v=1691005798&width=90\"\n          >\n            Float On\n          </option>\n        \n          <option value=\"696373346329\"\n            \n            data-variant-id=\"696373346329\"\n            data-product-url=\"/products/facet\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"616\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Facet-PPS.webp?v=1698101054&width=40\"\n            \n            \n            data-swatch-hex=\"#6a393c\"\n            data-shade-description=\"Matte red brown\"data-short-description=\"Blendable Bold Pigment\"data-type=\"Pressed Powder Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Facet-PPS.jpg?v=1691006754&width=90\"\n          >\n            Facet\n          </option>\n        \n          <option value=\"21177781747794\"\n            \n            data-variant-id=\"21177781747794\"\n            data-product-url=\"/products/earthshine\"\n            data-variant-available=\"false\"\n            data-variant-inventory=\"0\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Earthshine-PPS.webp?v=1698101055&width=40\"\n            \n            \n              disabled\n            \n            data-swatch-hex=\"#b78db2\"\n            data-shade-description=\"Metallic pinky lavender\"data-short-description=\"Blendable Bold Pigment\"data-type=\"Pressed Powder Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Earthshine-PPS.jpg?v=1761146070&width=90\"\n          >\n            Earthshine\n          </option>\n        \n          <option value=\"32955561181266\"\n            \n            data-variant-id=\"32955561181266\"\n            data-product-url=\"/products/fluff-metallic-purple-pressed-powder-eyeshadow\"\n            data-variant-available=\"false\"\n            data-variant-inventory=\"0\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Fluffy.webp?v=1698101055&width=40\"\n            \n            \n              disabled\n            \n            data-swatch-hex=\"#aa7ca5\"\n            data-shade-description=\"metallic purple\"data-short-description=\"Blendable Bold Pigment\"data-type=\"Pressed Powder Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Fluffy.jpg?v=1691006297&width=90\"\n          >\n            Fluff\n          </option>\n        \n          <option value=\"32441870796\"\n            \n            data-variant-id=\"32441870796\"\n            data-product-url=\"/products/lost-and-found\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"508\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Lost-And-Found-PPS.webp?v=1698101054&width=40\"\n            \n            \n            data-swatch-hex=\"#7492d1\"\n            data-shade-description=\"Matte sky blue\"data-short-description=\"Blendable Bold Pigment\"data-type=\"Pressed Powder Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Lost-And-Found-PPS.jpg?v=1691006801&width=90\"\n          >\n            Lost and Found\n          </option>\n        \n          <option value=\"32952563564626\"\n            \n            data-variant-id=\"32952563564626\"\n            data-product-url=\"/products/billie-jean-metallic-blue-pressed-powder-eyeshadow\"\n            data-variant-available=\"false\"\n            data-variant-inventory=\"0\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Billie-Jean.webp?v=1698101055&width=40\"\n            \n            \n              disabled\n            \n            data-swatch-hex=\"#8c94aa\"\n            data-shade-description=\"Metallic periwinkle\"data-short-description=\"Blendable Bold Pigment\"data-type=\"Pressed Powder Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Billie-Jean.jpg?v=1691006563&width=90\"\n          >\n            Billie Jean\n          </option>\n        \n          <option value=\"1736909783065\"\n            \n            data-variant-id=\"1736909783065\"\n            data-product-url=\"/products/backstage\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"551\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Backstage-PPS.webp?v=1698101054&width=40\"\n            \n            \n            data-swatch-hex=\"#1a4082\"\n            data-shade-description=\"Matte cobalt\"data-short-description=\"Blendable Bold Pigment\"data-type=\"Pressed Powder Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Backstage-PPS.jpg?v=1691006722&width=90\"\n          >\n            Backstage\n          </option>\n        \n          <option value=\"21177825460306\"\n            \n            data-variant-id=\"21177825460306\"\n            data-product-url=\"/products/antimatter\"\n            data-variant-available=\"false\"\n            data-variant-inventory=\"0\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Antimatter-PPS.webp?v=1698101055&width=40\"\n            \n            \n              disabled\n            \n            data-swatch-hex=\"#3b5b78\"\n            data-shade-description=\"Metallic turquoise\"data-short-description=\"Blendable Bold Pigment\"data-type=\"Pressed Powder Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Antimatter-PPS.jpg?v=1691005637&width=90\"\n          >\n            Antimatter\n          </option>\n        \n          <option value=\"30307899277394\"\n            \n            data-variant-id=\"30307899277394\"\n            data-product-url=\"/products/gridlock\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"318\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Gridlock_A.webp?v=1698101055&width=40\"\n            \n            \n            data-swatch-hex=\"#2d9396\"\n            data-shade-description=\"Metallic teal\"data-short-description=\"Blendable Bold Pigment\"data-type=\"Pressed Powder Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Gridlock_A.jpg?v=1691006824&width=90\"\n          >\n            Gridlock\n          </option>\n        \n          <option value=\"21177718800466\"\n            \n            data-variant-id=\"21177718800466\"\n            data-product-url=\"/products/conjour-up\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"534\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Conjour-Up-PPS.webp?v=1698101053&width=40\"\n            \n            \n            data-swatch-hex=\"#175751\"\n            data-shade-description=\"Matte emerald\"data-short-description=\"Blendable Bold Pigment\"data-type=\"Pressed Powder Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Conjour-Up-PPS.jpg?v=1691005751&width=90\"\n          >\n            Conjour Up\n          </option>\n        \n          <option value=\"32952525586514\"\n            \n            data-variant-id=\"32952525586514\"\n            data-product-url=\"/products/mary-jane-metallic-green-pressed-powder-eyeshadow\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"911\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Mary-Jane.webp?v=1698101055&width=40\"\n            \n            \n            data-swatch-hex=\"#bbbb38\"\n            data-shade-description=\"Metallic chartreuse\"data-short-description=\"Blendable Bold Pigment\"data-type=\"Pressed Powder Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Mary-Jane.jpg?v=1691005986&width=90\"\n          >\n            Mary Jane\n          </option>\n        \n          <option value=\"32945693884498\"\n            \n            data-variant-id=\"32945693884498\"\n            data-product-url=\"/products/laguna-neutral-matte-pressed-powder-eyeshadow\"\n            data-variant-available=\"false\"\n            data-variant-inventory=\"0\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Laguna.webp?v=1698101055&width=40\"\n            \n            \n              disabled\n            \n            data-swatch-hex=\"#e38f5a\"\n            data-shade-description=\"Matte muted yellow peach \"data-short-description=\"Blendable Bold Pigment\"data-type=\"Pressed Powder Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Laguna.jpg?v=1691006085&width=90\"\n          >\n            Laguna\n          </option>\n        \n          <option value=\"39923048742994\"\n            \n            data-variant-id=\"39923048742994\"\n            data-product-url=\"/products/entangled-shadow\"\n            data-variant-available=\"false\"\n            data-variant-inventory=\"0\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Entangled-_-Swatch.webp?v=1698101054&width=40\"\n            \n            \n              disabled\n            \n            data-swatch-hex=\"#f89734\"\n            data-shade-description=\"Matte marigold\"data-short-description=\"Blendable Bold Pigment\"data-type=\"Pressed Powder Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Entangled-_-Swatch.jpg?v=1691006401&width=90\"\n          >\n            Entangled\n          </option>\n        \n          <option value=\"39836016934994\"\n            \n            data-variant-id=\"39836016934994\"\n            data-product-url=\"/products/balancing-act-eyeshadow\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"2200\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Balancing-Act.webp?v=1698101054&width=40\"\n            \n            \n            data-swatch-hex=\"#c86256\"\n            data-shade-description=\"Matte soft rouge\"data-short-description=\"Blendable Bold Pigment\"data-type=\"Pressed Powder Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Balancing-Act.jpg?v=1691005698&width=90\"\n          >\n            Balancing Act\n          </option>\n        \n          <option value=\"1736901263385\"\n            \n            data-variant-id=\"1736901263385\"\n            data-product-url=\"/products/lay-low\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"3043\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Lay-Low.webp?v=1698101054&width=40\"\n            \n            \n            data-swatch-hex=\"#e08975\"\n            data-shade-description=\"Matte soft coral\"data-short-description=\"Blendable Bold Pigment\"data-type=\"Pressed Powder Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Lay-Low.jpg?v=1691006277&width=90\"\n          >\n            Lay Low\n          </option>\n        \n          <option value=\"30308346298450\"\n            \n            data-variant-id=\"30308346298450\"\n            data-product-url=\"/products/high-society\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"2044\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/High-Society_A.webp?v=1698101055&width=40\"\n            \n            \n            data-swatch-hex=\"#c3654d\"\n            data-shade-description=\"Metallic tangerine\"data-short-description=\"Blendable Bold Pigment\"data-type=\"Pressed Powder Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/High-Society_A.jpg?v=1691006051&width=90\"\n          >\n            High Society\n          </option>\n        \n          <option value=\"696293949465\"\n            \n            data-variant-id=\"696293949465\"\n            data-product-url=\"/products/goody-two-shoes\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"1324\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Goody-Two-Shoes-PPS.webp?v=1698101055&width=40\"\n            \n            \n            data-swatch-hex=\"#9c8b96\"\n            data-shade-description=\"Metallic gunmetal\"data-short-description=\"Blendable Bold Pigment\"data-type=\"Pressed Powder Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Goody-Two-Shoes-PPS.jpg?v=1691005940&width=90\"\n          >\n            Goody Two-Shoes\n          </option>\n        \n          <option value=\"30315602542674\"\n            \n            data-variant-id=\"30315602542674\"\n            data-product-url=\"/products/material-girl\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"587\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Material-Girl.webp?v=1698101054&width=40\"\n            \n            \n            data-swatch-hex=\"#623228\"\n            data-shade-description=\"Metallic truffle brown\"data-short-description=\"Blendable Bold Pigment\"data-type=\"Pressed Powder Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Material-Girl.jpg?v=1691006349&width=90\"\n          >\n            Material Girl\n          </option>\n        \n          <option value=\"40152368873554\"\n            \n            data-variant-id=\"40152368873554\"\n            data-product-url=\"/products/miss-u-shadow\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"128\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Miss-U-PPS.webp?v=1698101055&width=40\"\n            \n            \n            data-swatch-hex=\"\"\n            data-shade-description=\"Metallic deep wine\"data-short-description=\"Blendable Bold Pigment\"data-type=\"Pressed Powder Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Miss-U-PPS.jpg?v=1691006519&width=90\"\n          >\n            Miss U\n          </option>\n        \n          <option value=\"32945826725970\"\n            \n            data-variant-id=\"32945826725970\"\n            data-product-url=\"/products/mission-matte-sparkle-brown-pressed-powder-eyeshadow\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"1500\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Mission.webp?v=1698101055&width=40\"\n            \n            \n            data-swatch-hex=\"\"\n            data-shade-description=\"Deep brown with gold flecks\"data-short-description=\"Blendable Bold Pigment\"data-type=\"Pressed Powder Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Mission.jpg?v=1691005668&width=90\"\n          >\n            Mission\n          </option>\n        \n          <option value=\"21177722536018\"\n            \n            data-variant-id=\"21177722536018\"\n            data-product-url=\"/products/misty\"\n            data-variant-available=\"false\"\n            data-variant-inventory=\"0\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Misty-PPS.webp?v=1698101054&width=40\"\n            \n            \n              disabled\n            \n            data-swatch-hex=\"\"\n            data-shade-description=\"Metallic pinky rose gold \"data-short-description=\"Blendable Bold Pigment\"data-type=\"Pressed Powder Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Misty-PPS.jpg?v=1691005734&width=90\"\n          >\n            Misty\n          </option>\n        \n          <option value=\"21177699205202\"\n            \n            data-variant-id=\"21177699205202\"\n            data-product-url=\"/products/on-a-whimsy\"\n            data-variant-available=\"false\"\n            data-variant-inventory=\"0\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/On-A-Whimsy-PPS.webp?v=1698101055&width=40\"\n            \n            \n              disabled\n            \n            data-swatch-hex=\"\"\n            data-shade-description=\"Vivid metallic silver\"data-short-description=\"Blendable Bold Pigment\"data-type=\"Pressed Powder Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/On-A-Whimsy-PPS.jpg?v=1691006713&width=90\"\n          >\n            On a Whimsy\n          </option>\n        \n          <option value=\"21177735053394\"\n            \n            data-variant-id=\"21177735053394\"\n            data-product-url=\"/products/paradiso\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"947\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Paradiso-PPS.webp?v=1698101055&width=40\"\n            \n            \n            data-swatch-hex=\"\"\n            data-shade-description=\"Metallic violet\"data-short-description=\"Blendable Bold Pigment\"data-type=\"Pressed Powder Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Paradiso-PPS.jpg?v=1691006703&width=90\"\n          >\n            Paradiso\n          </option>\n        \n          <option value=\"22379605098578\"\n            \n            data-variant-id=\"22379605098578\"\n            data-product-url=\"/products/subdue\"\n            data-variant-available=\"false\"\n            data-variant-inventory=\"0\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Subdue-PPS.webp?v=1698101055&width=40\"\n            \n            \n              disabled\n            \n            data-swatch-hex=\"\"\n            data-shade-description=\"Lavender with blue-green duochrome\"data-short-description=\"Blendable Bold Pigment\"data-type=\"Pressed Powder Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Subdue-PPS.jpg?v=1691005677&width=90\"\n          >\n            Subdue\n          </option>\n        \n          <option value=\"32955463434322\"\n            \n            data-variant-id=\"32955463434322\"\n            data-product-url=\"/products/tide-pool-metallic-blue-pressed-powder-eyeshadow\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"1012\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Tide-Pool.webp?v=1698101055&width=40\"\n            \n            \n            data-swatch-hex=\"\"\n            data-shade-description=\"Metallic cerulean \"data-short-description=\"Blendable Bold Pigment\"data-type=\"Pressed Powder Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Tide-Pool.jpg?v=1691005964&width=90\"\n          >\n            Tide Pool\n          </option>\n        \n          <option value=\"30315296620626\"\n            \n            data-variant-id=\"30315296620626\"\n            data-product-url=\"/products/turntables\"\n            data-variant-available=\"false\"\n            data-variant-inventory=\"0\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Turntables.webp?v=1698101055&width=40\"\n            \n            \n              disabled\n            \n            data-swatch-hex=\"\"\n            data-shade-description=\"Metallic orangey coral \"data-short-description=\"Blendable Bold Pigment\"data-type=\"Pressed Powder Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Turntables.jpg?v=1691006322&width=90\"\n          >\n            Turntables\n          </option>\n        \n          <option value=\"21177732399186\"\n            \n            data-variant-id=\"21177732399186\"\n            data-product-url=\"/products/wishful-winking\"\n            data-variant-available=\"false\"\n            data-variant-inventory=\"0\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Wishful-Winking-PPS.webp?v=1698101055&width=40\"\n            \n            \n              disabled\n            \n            data-swatch-hex=\"\"\n            data-shade-description=\"Metallic teal\"data-short-description=\"Blendable Bold Pigment\"data-type=\"Pressed Powder Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Wishful-Winking-PPS.jpg?v=1691005723&width=90\"\n          >\n            Wishful Winking\n          </option>\n        \n          <option value=\"21177758154834\"\n            \n              selected\n            \n            data-variant-id=\"21177758154834\"\n            data-product-url=\"/products/nightdream\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"69\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Night-Dream-PPS.webp?v=1698101055&width=40\"\n            \n            \n            data-swatch-hex=\"\"\n            data-shade-description=\"Matte black with pink flecks\"data-short-description=\"Blendable Bold Pigment\"data-type=\"Pressed Powder Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Night-Dream-PPS.jpg?v=1691006033&width=90\"\n          >\n            Nightdream\n          </option>\n        \n          <option value=\"30315639406674\"\n            \n            data-variant-id=\"30315639406674\"\n            data-product-url=\"/products/not-ok-burnt-orange-pressed-powder-eyeshadow\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"1387\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Not-OK.webp?v=1698101055&width=40\"\n            \n            \n            data-swatch-hex=\"\"\n            data-shade-description=\"Metallic burnt orange\"data-short-description=\"Blendable Bold Pigment\"data-type=\"Pressed Powder Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Not-OK.jpg?v=1691006411&width=90\"\n          >\n            Not Ok\n          </option>\n        \n          <option value=\"696324620313\"\n            \n            data-variant-id=\"696324620313\"\n            data-product-url=\"/products/poodle\"\n            data-variant-available=\"false\"\n            data-variant-inventory=\"0\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Poodle-PPS.webp?v=1698101055&width=40\"\n            \n            \n              disabled\n            \n            data-swatch-hex=\"\"\n            data-shade-description=\"Matte vibrant true pink\"data-short-description=\"Blendable Bold Pigment\"data-type=\"Pressed Powder Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Poodle-PPS.jpg?v=1691005957&width=90\"\n          >\n            Poodle\n          </option>\n        \n          <option value=\"696334221337\"\n            \n            data-variant-id=\"696334221337\"\n            data-product-url=\"/products/ringer\"\n            data-variant-available=\"false\"\n            data-variant-inventory=\"0\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Ringer-PPS.webp?v=1698101055&width=40\"\n            \n            \n              disabled\n            \n            data-swatch-hex=\"\"\n            data-shade-description=\"Metallic champagne\"data-short-description=\"Blendable Bold Pigment\"data-type=\"Pressed Powder Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Ringer-PPS.jpg?v=1691006042&width=90\"\n          >\n            Ringer\n          </option>\n        \n          <option value=\"21341404495954\"\n            \n            data-variant-id=\"21341404495954\"\n            data-product-url=\"/products/say-i-do\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"654\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Say-I-Do-PPS.webp?v=1698101054&width=40\"\n            \n            \n            data-swatch-hex=\"\"\n            data-shade-description=\"Matte baby pink\"data-short-description=\"Blendable Bold Pigment\"data-type=\"Pressed Powder Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Say-I-Do-PPS.jpg?v=1691005603&width=90\"\n          >\n            Say I Do\n          </option>\n        \n          <option value=\"696381964313\"\n            \n            data-variant-id=\"696381964313\"\n            data-product-url=\"/products/snake-eyes\"\n            data-variant-available=\"false\"\n            data-variant-inventory=\"0\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Snake-Eyes-PPS.webp?v=1698101055&width=40\"\n            \n            \n              disabled\n            \n            data-swatch-hex=\"\"\n            data-shade-description=\"Metallic midtone rosy taupe\"data-short-description=\"Blendable Bold Pigment\"data-type=\"Pressed Powder Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Snake-Eyes-PPS.jpg?v=1691005359&width=90\"\n          >\n            Snake Eyes\n          </option>\n        \n          <option value=\"696357552153\"\n            \n            data-variant-id=\"696357552153\"\n            data-product-url=\"/products/take-the-lead\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"1003\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Take-The-Lead-PPS.webp?v=1698101054&width=40\"\n            \n            \n            data-swatch-hex=\"\"\n            data-shade-description=\"Matte dusty medium grey\"data-short-description=\"Blendable Bold Pigment\"data-type=\"Pressed Powder Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Take-The-Lead-PPS.jpg?v=1691005781&width=90\"\n          >\n            Take the Lead\n          </option>\n        \n          <option value=\"696382291993\"\n            \n            data-variant-id=\"696382291993\"\n            data-product-url=\"/products/tea-garden\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"74\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Tea-Garden-PPS.webp?v=1698101055&width=40\"\n            \n            \n            data-swatch-hex=\"\"\n            data-shade-description=\"Duochrome red with a green gold flip\"data-short-description=\"Blendable Bold Pigment\"data-type=\"Pressed Powder Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Tea-Garden-PPS.jpg?v=1691006745&width=90\"\n          >\n            Tea Garden\n          </option>\n        \n          <option value=\"696358928409\"\n            \n            data-variant-id=\"696358928409\"\n            data-product-url=\"/products/team-captain\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"1253\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Team-Captain-PPS.webp?v=1698101054&width=40\"\n            \n            \n            data-swatch-hex=\"\"\n            data-shade-description=\"Matte medium olive\"data-short-description=\"Blendable Bold Pigment\"data-type=\"Pressed Powder Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Team-Captain-PPS.jpg?v=1691005948&width=90\"\n          >\n            Team Captain\n          </option>\n        \n          <option value=\"696369643545\"\n            \n            data-variant-id=\"696369643545\"\n            data-product-url=\"/products/wake-up-call\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"624\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Wake-Up-Call-PPS.webp?v=1698101054&width=40\"\n            \n            \n            data-swatch-hex=\"\"\n            data-shade-description=\"Matte warm sand\"data-short-description=\"Blendable Bold Pigment\"data-type=\"Pressed Powder Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Wake-Up-Call-PPS.jpg?v=1691006269&width=90\"\n          >\n            Wake Up Call\n          </option>\n        \n          <option value=\"696268259353\"\n            \n            data-variant-id=\"696268259353\"\n            data-product-url=\"/products/conundrum\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"1760\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Conundrum-PPS.webp?v=1698101054&width=40\"\n            \n            \n            data-swatch-hex=\"#a26b4e\"\n            data-shade-description=\"Warm matte brown\"data-short-description=\"Blendable Bold Pigment\"data-type=\"Pressed Powder Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Conundrum-PPS.jpg?v=1691005744&width=90\"\n          >\n            Conundrum\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-2353239949394\"\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\":21177758154834,\"title\":\"Default Title\",\"option1\":\"Default Title\",\"option2\":null,\"option3\":null,\"sku\":\"PPShadow-Nightdream\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":null,\"available\":true,\"name\":\"Nightdream\",\"public_title\":null,\"options\":[\"Default Title\"],\"price\":500,\"weight\":9,\"compare_at_price\":0,\"inventory_quantity\":69,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"FG005322\",\"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>Nightdream</span><span> - Matte black with pink flecks</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='21177758154834'\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>Nightdream</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='21177758154834'\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 Nightdream</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='69'\n    step='1'\n    aria-label='Quantity for Nightdream'\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 Nightdream</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--2353239949394'\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'\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            $5.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          $5.00\n        </span><span>\n            <s class='line-through text-[inherit] font-bold'>\n              $0.00\n            </s>\n          </span></div>\n      <small class='caption hidden'>\n        <span class='sr-only'>Unit price</span>\n        <span class='font-bold'>\n          <span></span>\n          <span aria-hidden='true'>/</span>\n          <span class='sr-only'>&nbsp;per&nbsp;</span>\n          <span>\n          </span>\n        </span>\n      </small>\n    </div>\n  </div>\n\n</span>\n                </button>\n                \n\n              </div>\n            </div></div><input type=\"hidden\" name=\"product-id\" value=\"2353239949394\" /><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                Excluded from Promotion\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='500'\n        ></klarna-placement><div class='columns-1 lg:columns-2 text-body ' sub-section-id='claims_8UQ8Am'><p ><p><span class=\"metafield-multi_line_text_field\">🐰 Cruelty-free <br />\n🎨 Ultra-pigmented<br />\n⭐ One-swipe payoff<br />\n💌 Long-lasting<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:BYOP,#.collection:PromoBackup2,#.collection:promoproducts,#.collection:TemptaliaPromo,#.hidden:false,#.mvp:pressedpowdershadow,#.promo.30offsitewide,#.promo:4PANBUNDLE,#.promo:eye,#.promo:SinglesDay30,#.promo:singlesdaybogo2024,#.promo:treat,#.shipping:china,#rmb.glosku:48,041425,121118,Blacks,BYOP2026,BYOPUpgrade922,category:Eyes,color:Neutrals,event:2018 Holiday 24 PPS,Eyeshadow,finish:Matte,Lid,Liner,Matte,MDW30,Pressed Powder Shadow,Pressed Powders,productline:ColourPop,productsize:full-pan,producttype:Pressed Shadow &amp; Pigment,SKULifecycle:Permanent,subcategory:Shadows,unitnumber:1,unittype:single,vegan,\"\ndata-publish-id=\"g1w7hu6osho9x\"\ndata-product-id=\"2353239949394\">\n</tolstoy-stories>\n\n\n</div><div class='accordion'  sub-section-id='description'>\n\n<div id='Details-description-template--16300830097490__main' class='group'>\n  <label\n    class='list-none block py-xs border-b-[currentColor] border-b cursor-pointer '\n    for='accordion-checkbox-description-template--16300830097490__main'\n  >\n    <input\n      aria-controls='accordion-content-description-template--16300830097490__main'\n      aria-labelled='Toggle product details accordion'\n      class='sr-only peer accordion-content-trigger'\n      type='checkbox'\n      id='accordion-checkbox-description-template--16300830097490__main'\n      name='accordion-input--description-template-16300830097490__main\n'\n      \n        checked\n      \n    >\n    <div class='flex items-center justify-between w-full peer-focus-visible:ring-1 ring-u-focus'>\n      <h3\n        class='text-body font-bold '\n        id='accordion-title-description-template--16300830097490__main'\n      >\n        product details\n      </h3>\n<svg-icon\n  src='icon-plus'\n  class='group-has-[:checked]:rotate-45 duration-300 transition-transform'\n\n  \n    style='--icon-size: 10px;'\n  \n\n  \n  \n></svg-icon>\n</div>\n  </label>\n  \n  \n  <div\n    class='rte group-has-[:checked]:grid-rows-[1fr] group-has-[:checked]:visible grid-rows-[0fr] transition-[visiblity,grid-template-rows] duration-300 grid invisible'\n    id='accordion-content-description-template--16300830097490__main'\n    role='region'\n    aria-labelledby='accordion-title-description-template--16300830097490__main'\n  >\n    <div class='overflow-hidden'>\n      <div class='pt-xs p '>\n        <p>Get maximum colour with our pressed pigments that are easily blendable and velvety soft to create a bold and long-lasting look.</p> Net Weight 1.5g (0.053oz)\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\"> Calcium Sodium Borosilicate, Boron Nitride, Triethoxycaprylylsilane, Zinc, Phenoxyethanol, Caprylic/Capric Triglyceride, Dimethicone, Caprylyl Glycol, Silica, Lauroyl Lysine, Magnesium Stearate, Talc, Synthetic Fluorphlogopite, Ethylhexylglycerin, Hexylene Glycol, Dimethiconol, Tin Oxide, Iron Oxides, (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\">Apply with your favorite brushes. Flat and firmer brushes will give the most color payoff. Fluffier brushes are great for blending. Not for use in the immediate eye area.</span>\n          \n\n      </div>\n    </div>\n  </div>\n</div>\n\n          </div>\n\n\n\n</section>\n\n  </main-product>\n\n\n\n</section>"}