{"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: '154803142681',\n            url: 'https://colourpop.com/products/frog',\n          })\n        })\n      }, 5000)\n    } else if (params.autocomplete == '1') {\n      setTimeout(() => {\n        nostojs((api) => {\n          api.recordSearchClick('autocomplete', {\n            productId: '154803142681',\n            url: 'https://colourpop.com/products/frog',\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: '154803142681',\n            url: 'https://colourpop.com/products/frog',\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/frog'\n    variant-id='1304316346393'\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/super-shock-shadow'>\n            Super Shock Shadow\n          </a>\n        </li><li class='inline text-caption'>\n        <a class='pointer-events-none text-caption' href='/products/frog' aria-current='page'>Frog</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/Frog-SSS-Open_c50ff7e1-c640-4e67-987c-1d527545e616.jpg?v=1715355466&amp;width=90\" alt=\"ColourPop Frog Super Shock Shadow shimmering in a white round pot, a pale pink‑champagne cream‑to‑powder eyeshadow with silver sparkle and a bouncy, textured finish, shown close up on a clean studio background.\" srcset=\"//colourpop.com/cdn/shop/files/Frog-SSS-Open_c50ff7e1-c640-4e67-987c-1d527545e616.jpg?v=1715355466&amp;width=40 40w, //colourpop.com/cdn/shop/files/Frog-SSS-Open_c50ff7e1-c640-4e67-987c-1d527545e616.jpg?v=1715355466&amp;width=60 60w, //colourpop.com/cdn/shop/files/Frog-SSS-Open_c50ff7e1-c640-4e67-987c-1d527545e616.jpg?v=1715355466&amp;width=80 80w, //colourpop.com/cdn/shop/files/Frog-SSS-Open_c50ff7e1-c640-4e67-987c-1d527545e616.jpg?v=1715355466&amp;width=90 90w\" width=\"90\" height=\"2400.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-p-darkest rounded-e-lg duration-300 transition'>\n\n<img src=\"//colourpop.com/cdn/shop/files/Frog-SSS.jpg?v=1715355466&amp;width=90\" alt=\"ColourPop Frog Super Shock Shadow swatch smeared in a vertical streak, pale pink with silver sparkle, highlighting its bouncy cream-to-powder texture on a clean white background.\" srcset=\"//colourpop.com/cdn/shop/files/Frog-SSS.jpg?v=1715355466&amp;width=40 40w, //colourpop.com/cdn/shop/files/Frog-SSS.jpg?v=1715355466&amp;width=60 60w, //colourpop.com/cdn/shop/files/Frog-SSS.jpg?v=1715355466&amp;width=80 80w, //colourpop.com/cdn/shop/files/Frog-SSS.jpg?v=1715355466&amp;width=90 90w\" width=\"90\" height=\"2400.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-p-darkest rounded-e-lg duration-300 transition'>\n\n<img src=\"//colourpop.com/cdn/shop/files/SSShadow-FullFace-Frog_Party-of-Five_1457_4e5251ed-0fde-4bca-9177-03cd9bd5b093.jpg?v=1715355466&amp;width=90\" alt=\"Shimmery pink eyeshadow illuminating a model’s lids, showcasing ColourPop Super Shock Shadow in Frog, with fluttery lashes and glossy nude lips in a tight close-up beauty look.\" srcset=\"//colourpop.com/cdn/shop/files/SSShadow-FullFace-Frog_Party-of-Five_1457_4e5251ed-0fde-4bca-9177-03cd9bd5b093.jpg?v=1715355466&amp;width=40 40w, //colourpop.com/cdn/shop/files/SSShadow-FullFace-Frog_Party-of-Five_1457_4e5251ed-0fde-4bca-9177-03cd9bd5b093.jpg?v=1715355466&amp;width=60 60w, //colourpop.com/cdn/shop/files/SSShadow-FullFace-Frog_Party-of-Five_1457_4e5251ed-0fde-4bca-9177-03cd9bd5b093.jpg?v=1715355466&amp;width=80 80w, //colourpop.com/cdn/shop/files/SSShadow-FullFace-Frog_Party-of-Five_1457_4e5251ed-0fde-4bca-9177-03cd9bd5b093.jpg?v=1715355466&amp;width=90 90w\" width=\"90\" height=\"2400.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-p-darkest rounded-e-lg duration-300 transition'>\n\n<img src=\"//colourpop.com/cdn/shop/files/tassel_2.png?v=1715527142&amp;width=90\" alt=\"La Mesa ColourPop Super Shock Shadow swatched as a sheer champagne-beige shimmer across three arms in a lineup of labeled shades, showing its luminous, glittery finish and how the color reads on multiple skin tones.\" srcset=\"//colourpop.com/cdn/shop/files/tassel_2.png?v=1715527142&amp;width=40 40w, //colourpop.com/cdn/shop/files/tassel_2.png?v=1715527142&amp;width=60 60w, //colourpop.com/cdn/shop/files/tassel_2.png?v=1715527142&amp;width=80 80w, //colourpop.com/cdn/shop/files/tassel_2.png?v=1715527142&amp;width=90 90w\" width=\"90\" height=\"1080.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-p-darkest rounded-e-lg duration-300 transition'>\n\n<img src=\"//colourpop.com/cdn/shop/files/Frog_6_arm_single_swatch_with_logo.jpg?v=1715609479&amp;width=90\" alt=\"ColourPop Frog Super Shock Shadow eyeshadow swatched in wide bands on six forearms, a pink‑champagne metallic shimmer with silver sparkles showing payoff from light to deep skin tones, with a small ColourPop heart logo in the bottom right.\" srcset=\"//colourpop.com/cdn/shop/files/Frog_6_arm_single_swatch_with_logo.jpg?v=1715609479&amp;width=40 40w, //colourpop.com/cdn/shop/files/Frog_6_arm_single_swatch_with_logo.jpg?v=1715609479&amp;width=60 60w, //colourpop.com/cdn/shop/files/Frog_6_arm_single_swatch_with_logo.jpg?v=1715609479&amp;width=80 80w, //colourpop.com/cdn/shop/files/Frog_6_arm_single_swatch_with_logo.jpg?v=1715609479&amp;width=90 90w\" width=\"90\" height=\"2000.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-p-darkest rounded-e-lg duration-300 transition'>\n\n<img src=\"//colourpop.com/cdn/shop/files/preview_images/videoframe_5402.png?v=1715445729&amp;width=90\" alt=\"\" srcset=\"//colourpop.com/cdn/shop/files/preview_images/videoframe_5402.png?v=1715445729&amp;width=40 40w, //colourpop.com/cdn/shop/files/preview_images/videoframe_5402.png?v=1715445729&amp;width=60 60w, //colourpop.com/cdn/shop/files/preview_images/videoframe_5402.png?v=1715445729&amp;width=80 80w, //colourpop.com/cdn/shop/files/preview_images/videoframe_5402.png?v=1715445729&amp;width=90 90w\" width=\"90\" height=\"1080.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-p-darkest rounded-e-lg duration-300 transition'>\n\n<img src=\"//colourpop.com/cdn/shop/files/TOP10SSS-MAY3_098fa824-3ce0-46f7-ae6b-da87787c272b.jpg?v=1740103666&amp;width=90\" alt=\"ColourPop Super Shock Shadow Ritz swatched - an ultra-sparkly champagne taupe eyeshadow in a round pot with honeycomb embossing, pigment smeared around the pan - shown on a white background as part of the Top 10 Super Shock Shadows lineup.\" srcset=\"//colourpop.com/cdn/shop/files/TOP10SSS-MAY3_098fa824-3ce0-46f7-ae6b-da87787c272b.jpg?v=1740103666&amp;width=40 40w, //colourpop.com/cdn/shop/files/TOP10SSS-MAY3_098fa824-3ce0-46f7-ae6b-da87787c272b.jpg?v=1740103666&amp;width=60 60w, //colourpop.com/cdn/shop/files/TOP10SSS-MAY3_098fa824-3ce0-46f7-ae6b-da87787c272b.jpg?v=1740103666&amp;width=80 80w, //colourpop.com/cdn/shop/files/TOP10SSS-MAY3_098fa824-3ce0-46f7-ae6b-da87787c272b.jpg?v=1740103666&amp;width=90 90w\" width=\"90\" height=\"1080.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-p-darkest rounded-e-lg duration-300 transition'>\n\n<img src=\"//colourpop.com/cdn/shop/files/sss-rainbow-banner-1-with-caps_a6d5e4b2-137d-4bca-98b7-88eb8eda8906.jpg?v=1715459566&amp;width=90\" alt=\"ColourPop Super Shock Shadow Frog single glistening in an open white pot, displayed in a flat‑lay rainbow grid of other Super Shock Shadow pots with scale-textured surfaces and ColourPop lids.\" srcset=\"//colourpop.com/cdn/shop/files/sss-rainbow-banner-1-with-caps_a6d5e4b2-137d-4bca-98b7-88eb8eda8906.jpg?v=1715459566&amp;width=40 40w, //colourpop.com/cdn/shop/files/sss-rainbow-banner-1-with-caps_a6d5e4b2-137d-4bca-98b7-88eb8eda8906.jpg?v=1715459566&amp;width=60 60w, //colourpop.com/cdn/shop/files/sss-rainbow-banner-1-with-caps_a6d5e4b2-137d-4bca-98b7-88eb8eda8906.jpg?v=1715459566&amp;width=80 80w, //colourpop.com/cdn/shop/files/sss-rainbow-banner-1-with-caps_a6d5e4b2-137d-4bca-98b7-88eb8eda8906.jpg?v=1715459566&amp;width=90 90w\" width=\"90\" height=\"2401.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></swiper-slide>\n          \n        </swiper-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/Frog-SSS-Open_c50ff7e1-c640-4e67-987c-1d527545e616.jpg?v=1715355466&amp;width=600\" alt=\"ColourPop Frog Super Shock Shadow shimmering in a white round pot, a pale pink‑champagne cream‑to‑powder eyeshadow with silver sparkle and a bouncy, textured finish, shown close up on a clean studio background.\" width=\"600\" height=\"2400.0\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"><div class='swiper-lazy-preloader'></div></swiper-slide>\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<img src=\"//colourpop.com/cdn/shop/files/Frog-SSS.jpg?v=1715355466&amp;width=600\" alt=\"ColourPop Frog Super Shock Shadow swatch smeared in a vertical streak, pale pink with silver sparkle, highlighting its bouncy cream-to-powder texture on a clean white background.\" width=\"600\" height=\"2400.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"><div class='swiper-lazy-preloader'></div></swiper-slide>\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<img src=\"//colourpop.com/cdn/shop/files/SSShadow-FullFace-Frog_Party-of-Five_1457_4e5251ed-0fde-4bca-9177-03cd9bd5b093.jpg?v=1715355466&amp;width=600\" alt=\"Shimmery pink eyeshadow illuminating a model’s lids, showcasing ColourPop Super Shock Shadow in Frog, with fluttery lashes and glossy nude lips in a tight close-up beauty look.\" width=\"600\" height=\"2400.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"><div class='swiper-lazy-preloader'></div></swiper-slide>\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<img src=\"//colourpop.com/cdn/shop/files/tassel_2.png?v=1715527142&amp;width=600\" alt=\"La Mesa ColourPop Super Shock Shadow swatched as a sheer champagne-beige shimmer across three arms in a lineup of labeled shades, showing its luminous, glittery finish and how the color reads on multiple skin tones.\" width=\"600\" height=\"1080.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\" style=\"object-position:44.1377% 50.9541%;\"><div class='swiper-lazy-preloader'></div></swiper-slide>\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<img src=\"//colourpop.com/cdn/shop/files/Frog_6_arm_single_swatch_with_logo.jpg?v=1715609479&amp;width=600\" alt=\"ColourPop Frog Super Shock Shadow eyeshadow swatched in wide bands on six forearms, a pink‑champagne metallic shimmer with silver sparkles showing payoff from light to deep skin tones, with a small ColourPop heart logo in the bottom right.\" width=\"600\" height=\"2000.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\" style=\"object-position:50.0% 50.0%;\"><div class='swiper-lazy-preloader'></div></swiper-slide>\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<!-- ##entry##core-inline-media##endentry## -->\n<inline-media\n    class='size-full group'\n  >\n    <div\n      aria-label=''\n      class='absolute inset-0 w-full h-full flex justify-end items-end z-10'\n    >\n<img src=\"//colourpop.com/cdn/shop/files/preview_images/videoframe_5402.png?v=1715445729&amp;width=1440\" alt=\"\" srcset=\"//colourpop.com/cdn/shop/files/preview_images/videoframe_5402.png?v=1715445729&amp;width=352 352w, //colourpop.com/cdn/shop/files/preview_images/videoframe_5402.png?v=1715445729&amp;width=832 832w, //colourpop.com/cdn/shop/files/preview_images/videoframe_5402.png?v=1715445729&amp;width=1200 1200w, //colourpop.com/cdn/shop/files/preview_images/videoframe_5402.png?v=1715445729&amp;width=1440 1440w\" width=\"1440\" height=\"0.0\" loading=\"lazy\" sizes=\"50vw\" class=\"w-full block absolute inset-0 w-full h-full group-[[playing=&quot;true&quot;]]:opacity-0 transition-opacity duration-300 pointer-events-none object-cover\" fetchpriority=\"auto\" format=\"pjpg\"></div>\n\n    \n      <div class='flex items-center gap-xs p-sm absolute transform-gpu bottom-0 w-full z-20'>\n        \n          <div class='flex-1 flex justify-start'>\n            <button\n              type='button'\n              play-toggle\n              class='inset-0 size-6 flex items-center justify-center cursor-pointer text-p-lightest border-2 rounded-full border-p-lightest bg-[transparent] drop-shadow bottom-sm left-sm right-auto top-auto m-xs'\n            >\n<svg-icon\n  src='icon-play'\n  class='group-[[playing=\"true\"]]:hidden'\n\n  \n    style='--icon-size: 12px;'\n  \n\n  \n  \n></svg-icon>\n\n<svg-icon\n  src='icon-pause'\n  class='group-[[playing=\"false\"]]:hidden'\n\n  \n    style='--icon-size: 12px;'\n  \n\n  \n  \n></svg-icon>\n</button>\n          </div>\n        \n<div class='flex-1 flex justify-end'>\n            <button\n              type='button'\n              volume-toggle\n              class='inset-0 size-6 flex items-center justify-center cursor-pointer text-p-lightest border-2 rounded-full border-p-lightest bg-[transparent] drop-shadow bottom-sm right-sm left-auto top-auto m-xs'\n            >\n<svg-icon\n  src='icon-unmute'\n  class='group-[[muted=\"true\"]]:hidden'\n\n  \n    style='--icon-size: 12px;'\n  \n\n  \n  \n></svg-icon>\n\n<svg-icon\n  src='icon-mute'\n  class='group-[[muted=\"false\"]]:hidden'\n\n  \n    style='--icon-size: 12px;'\n  \n\n  \n  \n></svg-icon>\n</button>\n          </div></div><video playsinline=\"true\" autoplay=\"autoplay\" loop=\"loop\" muted=\"muted\" class=\"absolute w-full h-full inset-0 object-cover \" preload=\"metadata\" aria-label=\"Frog\" poster=\"//colourpop.com/cdn/shop/files/preview_images/videoframe_5402_1100x.png?v=1715445729\"><source src=\"//colourpop.com/cdn/shop/videos/c/vp/1f2040dd6fc34dfbaafef5818279243e/1f2040dd6fc34dfbaafef5818279243e.HD-1080p-4.8Mbps-28980802.mp4?v=0\" type=\"video/mp4\"><img src=\"//colourpop.com/cdn/shop/files/preview_images/videoframe_5402_1100x.png?v=1715445729\"></video>\n  </inline-media></swiper-slide>\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<img src=\"//colourpop.com/cdn/shop/files/TOP10SSS-MAY3_098fa824-3ce0-46f7-ae6b-da87787c272b.jpg?v=1740103666&amp;width=600\" alt=\"ColourPop Super Shock Shadow Ritz swatched - an ultra-sparkly champagne taupe eyeshadow in a round pot with honeycomb embossing, pigment smeared around the pan - shown on a white background as part of the Top 10 Super Shock Shadows lineup.\" width=\"600\" height=\"1080.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"><div class='swiper-lazy-preloader'></div></swiper-slide>\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<img src=\"//colourpop.com/cdn/shop/files/sss-rainbow-banner-1-with-caps_a6d5e4b2-137d-4bca-98b7-88eb8eda8906.jpg?v=1715459566&amp;width=600\" alt=\"ColourPop Super Shock Shadow Frog single glistening in an open white pot, displayed in a flat‑lay rainbow grid of other Super Shock Shadow pots with scale-textured surfaces and ColourPop lids.\" width=\"600\" height=\"2401.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"><div class='swiper-lazy-preloader'></div></swiper-slide>\n          \n        </swiper-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/Frog-SSS-Open_c50ff7e1-c640-4e67-987c-1d527545e616.jpg?v=1715355466&amp;width=120\" alt=\"ColourPop Frog Super Shock Shadow shimmering in a white round pot, a pale pink‑champagne cream‑to‑powder eyeshadow with silver sparkle and a bouncy, textured finish, shown close up on a clean studio background.\" srcset=\"//colourpop.com/cdn/shop/files/Frog-SSS-Open_c50ff7e1-c640-4e67-987c-1d527545e616.jpg?v=1715355466&amp;width=60 60w, //colourpop.com/cdn/shop/files/Frog-SSS-Open_c50ff7e1-c640-4e67-987c-1d527545e616.jpg?v=1715355466&amp;width=80 80w, //colourpop.com/cdn/shop/files/Frog-SSS-Open_c50ff7e1-c640-4e67-987c-1d527545e616.jpg?v=1715355466&amp;width=120 120w\" width=\"120\" height=\"2400.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></div>\n            </swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-1 aspect-square p-1.5 border border-solid rounded-[10px] border-p-lightest [&.swiper-slide-thumb-active]:border-p-darkest duration-300 transition overflow-hidden cursor-pointer'>\n              <div class='relative w-full h-full rounded-md overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/Frog-SSS.jpg?v=1715355466&amp;width=120\" alt=\"ColourPop Frog Super Shock Shadow swatch smeared in a vertical streak, pale pink with silver sparkle, highlighting its bouncy cream-to-powder texture on a clean white background.\" srcset=\"//colourpop.com/cdn/shop/files/Frog-SSS.jpg?v=1715355466&amp;width=60 60w, //colourpop.com/cdn/shop/files/Frog-SSS.jpg?v=1715355466&amp;width=80 80w, //colourpop.com/cdn/shop/files/Frog-SSS.jpg?v=1715355466&amp;width=120 120w\" width=\"120\" height=\"2400.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></div>\n            </swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-1 aspect-square p-1.5 border border-solid rounded-[10px] border-p-lightest [&.swiper-slide-thumb-active]:border-p-darkest duration-300 transition overflow-hidden cursor-pointer'>\n              <div class='relative w-full h-full rounded-md overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/SSShadow-FullFace-Frog_Party-of-Five_1457_4e5251ed-0fde-4bca-9177-03cd9bd5b093.jpg?v=1715355466&amp;width=120\" alt=\"Shimmery pink eyeshadow illuminating a model’s lids, showcasing ColourPop Super Shock Shadow in Frog, with fluttery lashes and glossy nude lips in a tight close-up beauty look.\" srcset=\"//colourpop.com/cdn/shop/files/SSShadow-FullFace-Frog_Party-of-Five_1457_4e5251ed-0fde-4bca-9177-03cd9bd5b093.jpg?v=1715355466&amp;width=60 60w, //colourpop.com/cdn/shop/files/SSShadow-FullFace-Frog_Party-of-Five_1457_4e5251ed-0fde-4bca-9177-03cd9bd5b093.jpg?v=1715355466&amp;width=80 80w, //colourpop.com/cdn/shop/files/SSShadow-FullFace-Frog_Party-of-Five_1457_4e5251ed-0fde-4bca-9177-03cd9bd5b093.jpg?v=1715355466&amp;width=120 120w\" width=\"120\" height=\"2400.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></div>\n            </swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-1 aspect-square p-1.5 border border-solid rounded-[10px] border-p-lightest [&.swiper-slide-thumb-active]:border-p-darkest duration-300 transition overflow-hidden cursor-pointer'>\n              <div class='relative w-full h-full rounded-md overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/tassel_2.png?v=1715527142&amp;width=120\" alt=\"La Mesa ColourPop Super Shock Shadow swatched as a sheer champagne-beige shimmer across three arms in a lineup of labeled shades, showing its luminous, glittery finish and how the color reads on multiple skin tones.\" srcset=\"//colourpop.com/cdn/shop/files/tassel_2.png?v=1715527142&amp;width=60 60w, //colourpop.com/cdn/shop/files/tassel_2.png?v=1715527142&amp;width=80 80w, //colourpop.com/cdn/shop/files/tassel_2.png?v=1715527142&amp;width=120 120w\" width=\"120\" height=\"1080.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></div>\n            </swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-1 aspect-square p-1.5 border border-solid rounded-[10px] border-p-lightest [&.swiper-slide-thumb-active]:border-p-darkest duration-300 transition overflow-hidden cursor-pointer'>\n              <div class='relative w-full h-full rounded-md overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/Frog_6_arm_single_swatch_with_logo.jpg?v=1715609479&amp;width=120\" alt=\"ColourPop Frog Super Shock Shadow eyeshadow swatched in wide bands on six forearms, a pink‑champagne metallic shimmer with silver sparkles showing payoff from light to deep skin tones, with a small ColourPop heart logo in the bottom right.\" srcset=\"//colourpop.com/cdn/shop/files/Frog_6_arm_single_swatch_with_logo.jpg?v=1715609479&amp;width=60 60w, //colourpop.com/cdn/shop/files/Frog_6_arm_single_swatch_with_logo.jpg?v=1715609479&amp;width=80 80w, //colourpop.com/cdn/shop/files/Frog_6_arm_single_swatch_with_logo.jpg?v=1715609479&amp;width=120 120w\" width=\"120\" height=\"2000.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></div>\n            </swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-1 aspect-square p-1.5 border border-solid rounded-[10px] border-p-lightest [&.swiper-slide-thumb-active]:border-p-darkest duration-300 transition overflow-hidden cursor-pointer'>\n              <div class='relative w-full h-full rounded-md overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/preview_images/videoframe_5402.png?v=1715445729&amp;width=120\" alt=\"\" srcset=\"//colourpop.com/cdn/shop/files/preview_images/videoframe_5402.png?v=1715445729&amp;width=60 60w, //colourpop.com/cdn/shop/files/preview_images/videoframe_5402.png?v=1715445729&amp;width=80 80w, //colourpop.com/cdn/shop/files/preview_images/videoframe_5402.png?v=1715445729&amp;width=120 120w\" width=\"120\" height=\"1080.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></div>\n            </swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-1 aspect-square p-1.5 border border-solid rounded-[10px] border-p-lightest [&.swiper-slide-thumb-active]:border-p-darkest duration-300 transition overflow-hidden cursor-pointer'>\n              <div class='relative w-full h-full rounded-md overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/TOP10SSS-MAY3_098fa824-3ce0-46f7-ae6b-da87787c272b.jpg?v=1740103666&amp;width=120\" alt=\"ColourPop Super Shock Shadow Ritz swatched - an ultra-sparkly champagne taupe eyeshadow in a round pot with honeycomb embossing, pigment smeared around the pan - shown on a white background as part of the Top 10 Super Shock Shadows lineup.\" srcset=\"//colourpop.com/cdn/shop/files/TOP10SSS-MAY3_098fa824-3ce0-46f7-ae6b-da87787c272b.jpg?v=1740103666&amp;width=60 60w, //colourpop.com/cdn/shop/files/TOP10SSS-MAY3_098fa824-3ce0-46f7-ae6b-da87787c272b.jpg?v=1740103666&amp;width=80 80w, //colourpop.com/cdn/shop/files/TOP10SSS-MAY3_098fa824-3ce0-46f7-ae6b-da87787c272b.jpg?v=1740103666&amp;width=120 120w\" width=\"120\" height=\"1080.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></div>\n            </swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-1 aspect-square p-1.5 border border-solid rounded-[10px] border-p-lightest [&.swiper-slide-thumb-active]:border-p-darkest duration-300 transition overflow-hidden cursor-pointer'>\n              <div class='relative w-full h-full rounded-md overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/sss-rainbow-banner-1-with-caps_a6d5e4b2-137d-4bca-98b7-88eb8eda8906.jpg?v=1715459566&amp;width=120\" alt=\"ColourPop Super Shock Shadow Frog single glistening in an open white pot, displayed in a flat‑lay rainbow grid of other Super Shock Shadow pots with scale-textured surfaces and ColourPop lids.\" srcset=\"//colourpop.com/cdn/shop/files/sss-rainbow-banner-1-with-caps_a6d5e4b2-137d-4bca-98b7-88eb8eda8906.jpg?v=1715459566&amp;width=60 60w, //colourpop.com/cdn/shop/files/sss-rainbow-banner-1-with-caps_a6d5e4b2-137d-4bca-98b7-88eb8eda8906.jpg?v=1715459566&amp;width=80 80w, //colourpop.com/cdn/shop/files/sss-rainbow-banner-1-with-caps_a6d5e4b2-137d-4bca-98b7-88eb8eda8906.jpg?v=1715459566&amp;width=120 120w\" width=\"120\" height=\"2401.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></div>\n            </swiper-slide>\n          \n        </swiper-container><button\n            class='swiper-button-prev swiper-button-prev-template--16300830097490__main absolute left-1/2 top-8 xl:top-14 -translate-x-1/2 w-4 h-4 z-20 [&.swiper-button-disabled]:text-t-disabled'\n            aria-label='Previous slide'\n          >\n            <svg-icon src='icon-chevron'></svg-icon>\n          </button>\n          <button\n            class='swiper-button-next swiper-button-next-template--16300830097490__main absolute rotate-180 left-1/2 bottom-0 -translate-x-1/2 w-4 h-4 z-20 [&.swiper-button-disabled]:text-t-disabled'\n            aria-label='Next slide'\n          >\n            <svg-icon src='icon-chevron'></svg-icon>\n          </button></div><div class='relative'><!-- ##entry##core-swiper-with-media##endentry## -->\n<swiper-with-media\n        class='w-full h-full block'\n      >\n        <swiper-container\n          class='w-full h-full block whitespace-nowrap overflow-clip pb-6'\n          init='false'\n          watch-slides-progress='true'\n          thumbs-swiper='#MediaGallery-template--16300830097490__main-thumbs-swiper'\n          controller-control='#MediaGallery-template--16300830097490__main-main-swiper-zoom'\n          auto-scroll-offset='true'\n          id='MediaGallery-template--16300830097490__main-main-swiper'\n          \n            pagination='{ \"clickable\": true, \"el\": \".swiper-pagination\" }'\n          \n        >\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/Frog-SSS-Open_c50ff7e1-c640-4e67-987c-1d527545e616.jpg?v=1715355466&amp;width=620\" alt=\"ColourPop Frog Super Shock Shadow shimmering in a white round pot, a pale pink‑champagne cream‑to‑powder eyeshadow with silver sparkle and a bouncy, textured finish, shown close up on a clean studio background.\" srcset=\"//colourpop.com/cdn/shop/files/Frog-SSS-Open_c50ff7e1-c640-4e67-987c-1d527545e616.jpg?v=1715355466&amp;width=600 600w, //colourpop.com/cdn/shop/files/Frog-SSS-Open_c50ff7e1-c640-4e67-987c-1d527545e616.jpg?v=1715355466&amp;width=620 620w\" width=\"620\" height=\"2400.0\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\" format=\"webp\">\n<dialog-toggle modal-id='MediaGallery-template--16300830097490__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/Frog-SSS.jpg?v=1715355466&amp;width=620\" alt=\"ColourPop Frog Super Shock Shadow swatch smeared in a vertical streak, pale pink with silver sparkle, highlighting its bouncy cream-to-powder texture on a clean white background.\" srcset=\"//colourpop.com/cdn/shop/files/Frog-SSS.jpg?v=1715355466&amp;width=600 600w, //colourpop.com/cdn/shop/files/Frog-SSS.jpg?v=1715355466&amp;width=620 620w\" width=\"620\" height=\"2400.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\" format=\"webp\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--16300830097490__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/SSShadow-FullFace-Frog_Party-of-Five_1457_4e5251ed-0fde-4bca-9177-03cd9bd5b093.jpg?v=1715355466&amp;width=620\" alt=\"Shimmery pink eyeshadow illuminating a model’s lids, showcasing ColourPop Super Shock Shadow in Frog, with fluttery lashes and glossy nude lips in a tight close-up beauty look.\" srcset=\"//colourpop.com/cdn/shop/files/SSShadow-FullFace-Frog_Party-of-Five_1457_4e5251ed-0fde-4bca-9177-03cd9bd5b093.jpg?v=1715355466&amp;width=600 600w, //colourpop.com/cdn/shop/files/SSShadow-FullFace-Frog_Party-of-Five_1457_4e5251ed-0fde-4bca-9177-03cd9bd5b093.jpg?v=1715355466&amp;width=620 620w\" width=\"620\" height=\"2400.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\" format=\"webp\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--16300830097490__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/tassel_2.png?v=1715527142&amp;width=620\" alt=\"La Mesa ColourPop Super Shock Shadow swatched as a sheer champagne-beige shimmer across three arms in a lineup of labeled shades, showing its luminous, glittery finish and how the color reads on multiple skin tones.\" srcset=\"//colourpop.com/cdn/shop/files/tassel_2.png?v=1715527142&amp;width=600 600w, //colourpop.com/cdn/shop/files/tassel_2.png?v=1715527142&amp;width=620 620w\" width=\"620\" height=\"1080.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\" format=\"webp\" style=\"object-position:44.1377% 50.9541%;\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--16300830097490__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/Frog_6_arm_single_swatch_with_logo.jpg?v=1715609479&amp;width=620\" alt=\"ColourPop Frog Super Shock Shadow eyeshadow swatched in wide bands on six forearms, a pink‑champagne metallic shimmer with silver sparkles showing payoff from light to deep skin tones, with a small ColourPop heart logo in the bottom right.\" srcset=\"//colourpop.com/cdn/shop/files/Frog_6_arm_single_swatch_with_logo.jpg?v=1715609479&amp;width=600 600w, //colourpop.com/cdn/shop/files/Frog_6_arm_single_swatch_with_logo.jpg?v=1715609479&amp;width=620 620w\" width=\"620\" height=\"2000.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\" format=\"webp\" style=\"object-position:50.0% 50.0%;\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--16300830097490__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<!-- ##entry##core-inline-media##endentry## -->\n<inline-media\n    class='size-full group'\n  >\n    <div\n      aria-label=''\n      class='absolute inset-0 w-full h-full flex justify-end items-end z-10'\n    >\n<img src=\"//colourpop.com/cdn/shop/files/preview_images/videoframe_5402.png?v=1715445729&amp;width=1440\" alt=\"\" srcset=\"//colourpop.com/cdn/shop/files/preview_images/videoframe_5402.png?v=1715445729&amp;width=352 352w, //colourpop.com/cdn/shop/files/preview_images/videoframe_5402.png?v=1715445729&amp;width=832 832w, //colourpop.com/cdn/shop/files/preview_images/videoframe_5402.png?v=1715445729&amp;width=1200 1200w, //colourpop.com/cdn/shop/files/preview_images/videoframe_5402.png?v=1715445729&amp;width=1440 1440w\" width=\"1440\" height=\"0.0\" loading=\"lazy\" sizes=\"50vw\" class=\"w-full block absolute inset-0 w-full h-full group-[[playing=&quot;true&quot;]]:opacity-0 transition-opacity duration-300 pointer-events-none object-cover\" fetchpriority=\"auto\" format=\"pjpg\"></div>\n\n    \n      <div class='flex items-center gap-xs p-sm absolute transform-gpu bottom-0 w-full z-20'>\n        \n          <div class='flex-1 flex justify-start'>\n            <button\n              type='button'\n              play-toggle\n              class='inset-0 size-6 flex items-center justify-center cursor-pointer text-p-lightest border-2 rounded-full border-p-lightest bg-[transparent] drop-shadow bottom-sm left-sm right-auto top-auto m-xs'\n            >\n<svg-icon\n  src='icon-play'\n  class='group-[[playing=\"true\"]]:hidden'\n\n  \n    style='--icon-size: 12px;'\n  \n\n  \n  \n></svg-icon>\n\n<svg-icon\n  src='icon-pause'\n  class='group-[[playing=\"false\"]]:hidden'\n\n  \n    style='--icon-size: 12px;'\n  \n\n  \n  \n></svg-icon>\n</button>\n          </div>\n        \n<div class='flex-1 flex justify-end'>\n            <button\n              type='button'\n              volume-toggle\n              class='inset-0 size-6 flex items-center justify-center cursor-pointer text-p-lightest border-2 rounded-full border-p-lightest bg-[transparent] drop-shadow bottom-sm right-sm left-auto top-auto m-xs'\n            >\n<svg-icon\n  src='icon-unmute'\n  class='group-[[muted=\"true\"]]:hidden'\n\n  \n    style='--icon-size: 12px;'\n  \n\n  \n  \n></svg-icon>\n\n<svg-icon\n  src='icon-mute'\n  class='group-[[muted=\"false\"]]:hidden'\n\n  \n    style='--icon-size: 12px;'\n  \n\n  \n  \n></svg-icon>\n</button>\n          </div></div><video playsinline=\"true\" autoplay=\"autoplay\" loop=\"loop\" muted=\"muted\" class=\"absolute w-full h-full inset-0 object-cover \" preload=\"metadata\" aria-label=\"Frog\" poster=\"//colourpop.com/cdn/shop/files/preview_images/videoframe_5402_1100x.png?v=1715445729\"><source src=\"//colourpop.com/cdn/shop/videos/c/vp/1f2040dd6fc34dfbaafef5818279243e/1f2040dd6fc34dfbaafef5818279243e.HD-1080p-4.8Mbps-28980802.mp4?v=0\" type=\"video/mp4\"><img src=\"//colourpop.com/cdn/shop/files/preview_images/videoframe_5402_1100x.png?v=1715445729\"></video>\n  </inline-media></swiper-slide>\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/TOP10SSS-MAY3_098fa824-3ce0-46f7-ae6b-da87787c272b.jpg?v=1740103666&amp;width=620\" alt=\"ColourPop Super Shock Shadow Ritz swatched - an ultra-sparkly champagne taupe eyeshadow in a round pot with honeycomb embossing, pigment smeared around the pan - shown on a white background as part of the Top 10 Super Shock Shadows lineup.\" srcset=\"//colourpop.com/cdn/shop/files/TOP10SSS-MAY3_098fa824-3ce0-46f7-ae6b-da87787c272b.jpg?v=1740103666&amp;width=600 600w, //colourpop.com/cdn/shop/files/TOP10SSS-MAY3_098fa824-3ce0-46f7-ae6b-da87787c272b.jpg?v=1740103666&amp;width=620 620w\" width=\"620\" height=\"1080.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\" format=\"webp\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--16300830097490__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/sss-rainbow-banner-1-with-caps_a6d5e4b2-137d-4bca-98b7-88eb8eda8906.jpg?v=1715459566&amp;width=620\" alt=\"ColourPop Super Shock Shadow Frog single glistening in an open white pot, displayed in a flat‑lay rainbow grid of other Super Shock Shadow pots with scale-textured surfaces and ColourPop lids.\" srcset=\"//colourpop.com/cdn/shop/files/sss-rainbow-banner-1-with-caps_a6d5e4b2-137d-4bca-98b7-88eb8eda8906.jpg?v=1715459566&amp;width=600 600w, //colourpop.com/cdn/shop/files/sss-rainbow-banner-1-with-caps_a6d5e4b2-137d-4bca-98b7-88eb8eda8906.jpg?v=1715459566&amp;width=620 620w\" width=\"620\" height=\"2401.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\" format=\"webp\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--16300830097490__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n        </swiper-container><div class='swiper-pagination'></div></swiper-with-media>\n    </div>\n  </div>\n</div>\n\n<section\n  id='ProductInfo-template--16300830097490__main'\n  class='grid grid-cols-1 gap-y-xs place-content-start product-info z-20 '\n>\n<div sub-section-id='badges' class='flex gap-2 empty:hidden '><span \n      class='flex leading-4 utility rounded lowercase tracking-wide font-semibold px-2 py-1 bg-p-darkest text-p-lightest decoration-none group-[.product-card]:text-[9px]'\n      style='color: #000000; background-color: #ffffff; border: 1px solid #000000;'\n    >Sale</span></div>\n<div  sub-section-id='title'>\n          <h1 class='break-words h2 lg:h3'>\n            Super Shock Shadow\n          </h1><h2 class='p '>\n              Crème-to-Powder Eyeshadow\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-154803142681\"\n    >\n        <div data-oke-reviews-version=\"0.86.0\" data-oke-container=\"\" class=\"okeReviews oke-sr\"><div class=\"\"><div class=\"oke-sr-rating\"> 4.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\">9,823</span><span class=\"oke-sr-label-text\"> Reviews</span><!----></div><!----></div><script type=\"application/json\" data-oke-metafield-data=\"\"> {\"averageRating\":\"4.8\",\"reviewCount\":9823} </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='tassel-eyeshadow'\n    name='sibling-picker'\n    value='tassel-eyeshadow'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/tassel-eyeshadow\"\n  data-option-value-id=\"22677849287\"\n  data-variant-id=\"22677849287\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='tassel-eyeshadow'\n    title='tassel-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/Tassel_SSS_Circle_Swatch_e9bc1a82-6b26-41c7-bc38-05beb95f1ffa.webp?v=1700089215&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/tassel-eyeshadow?variant=22677849287&sections=template--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='ice-dream'\n    name='sibling-picker'\n    value='ice-dream'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/ice-dream\"\n  data-option-value-id=\"22605133447250\"\n  data-variant-id=\"22605133447250\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='ice-dream'\n    title='ice-dream'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Ice-Dream_a_copy_f34b56e3-137d-45e1-85a0-6b3453f2b2f4.webp?v=1700089210&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/ice-dream?variant=22605133447250&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='ladybird'\n    name='sibling-picker'\n    value='ladybird'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/ladybird\"\n  data-option-value-id=\"1671406616601\"\n  data-variant-id=\"1671406616601\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='ladybird'\n    title='ladybird'\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/Ladybird-Swatch-Sparkle_copy_e7c7aa9e-cb3e-4779-8ff1-2a603e0c52f5.webp?v=1700089215&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/ladybird?variant=1671406616601&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='sailor'\n    name='sibling-picker'\n    value='sailor'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/sailor\"\n  data-option-value-id=\"29927371340\"\n  data-variant-id=\"29927371340\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='sailor'\n    title='sailor'\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/Sailor_SSS_Circle_Swatch_f50e53b8-0c00-4934-90c6-f0e20e5d3a88.webp?v=1700089214&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/sailor?variant=29927371340&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='mighty-morphin-ivory-eyeshadow'\n    name='sibling-picker'\n    value='mighty-morphin-ivory-eyeshadow'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/mighty-morphin-ivory-eyeshadow\"\n  data-option-value-id=\"31290912768082\"\n  data-variant-id=\"31290912768082\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='mighty-morphin-ivory-eyeshadow'\n    title='mighty-morphin-ivory-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/Mighty_Morphin_SSS_Circle_Swatch_2f765ce3-e351-4f07-83f5-5824e97325c5.webp?v=1700089212&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/mighty-morphin-ivory-eyeshadow?variant=31290912768082&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='flower-child-super-shock-shadow'\n    name='sibling-picker'\n    value='flower-child-super-shock-shadow'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/flower-child-super-shock-shadow\"\n  data-option-value-id=\"40024899747922\"\n  data-variant-id=\"40024899747922\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='flower-child-super-shock-shadow'\n    title='flower-child-super-shock-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/Flower_Child_SSS_Circle_Swatch_6cbc7947-ef2a-4637-9639-f3908fcd123c.webp?v=1700089214&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/flower-child-super-shock-shadow?variant=40024899747922&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='3rd-st-super-shock-shadow'\n    name='sibling-picker'\n    value='3rd-st-super-shock-shadow'\n    form=''\n    class='sr-only'\n    \n    \n      unavailable\n    \n    \n      data-product-url=\"/products/3rd-st-super-shock-shadow\"\n  data-option-value-id=\"39934344298578\"\n  data-variant-id=\"39934344298578\"\n  data-variant-available=\"false\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='3rd-st-super-shock-shadow'\n    title='3rd-st-super-shock-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/3rd_Street_SSS_Circle_Swatch_a44ef088-17a3-406a-b023-c31e1397f0ee.webp?v=1700089207&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/3rd-st-super-shock-shadow?variant=39934344298578&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='ritz'\n    name='sibling-picker'\n    value='ritz'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/ritz\"\n  data-option-value-id=\"1122896511001\"\n  data-variant-id=\"1122896511001\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='ritz'\n    title='ritz'\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/Ritz_SSS_Circle_Swatch_305694ce-1f6a-4975-b2ae-bd5d29ae9761.webp?v=1700089215&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/ritz?variant=1122896511001&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='amaze'\n    name='sibling-picker'\n    value='amaze'\n    form=''\n    class='sr-only'\n    \n    \n      unavailable\n    \n    \n      data-product-url=\"/products/amaze\"\n  data-option-value-id=\"22675961799\"\n  data-variant-id=\"22675961799\"\n  data-variant-available=\"false\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='amaze'\n    title='amaze'\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/Amaze_SSS_Circle_Swatch_989ff3a3-e90a-4c76-bac0-f47e194ebc8b.webp?v=1700089211&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/amaze?variant=22675961799&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='mountain-lion-super-shock-shadow'\n    name='sibling-picker'\n    value='mountain-lion-super-shock-shadow'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/mountain-lion-super-shock-shadow\"\n  data-option-value-id=\"39934338302034\"\n  data-variant-id=\"39934338302034\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='mountain-lion-super-shock-shadow'\n    title='mountain-lion-super-shock-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/Mountain_Lion_SSS_Circle_Swatch_769f8004-dbbb-48eb-b92a-5c1f1ce97594.webp?v=1700089212&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/mountain-lion-super-shock-shadow?variant=39934338302034&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='frog'\n    name='sibling-picker'\n    value='frog'\n    form=''\n    class='sr-only'\n    \n      checked\n    \n    \n    \n      data-product-url=\"/products/frog\"\n  data-option-value-id=\"1304316346393\"\n  data-variant-id=\"1304316346393\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='frog'\n    title='frog'\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/Frog_SSS_Circle_Swatch_2ec073b1-4ecd-4f7b-baa6-7c8aba82baac.webp?v=1700089211&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/frog?variant=1304316346393&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='sweet-tea-super-shock-eyeshadow'\n    name='sibling-picker'\n    value='sweet-tea-super-shock-eyeshadow'\n    form=''\n    class='sr-only'\n    \n    \n      unavailable\n    \n    \n      data-product-url=\"/products/sweet-tea-super-shock-eyeshadow\"\n  data-option-value-id=\"39365718900818\"\n  data-variant-id=\"39365718900818\"\n  data-variant-available=\"false\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='sweet-tea-super-shock-eyeshadow'\n    title='sweet-tea-super-shock-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/Sweet-Tea-Swatch_copy_6e29fd82-c6a0-464b-b783-38277cbcdd13.webp?v=1700089215&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/sweet-tea-super-shock-eyeshadow?variant=39365718900818&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='party-of-five'\n    name='sibling-picker'\n    value='party-of-five'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/party-of-five\"\n  data-option-value-id=\"1150034018329\"\n  data-variant-id=\"1150034018329\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='party-of-five'\n    title='party-of-five'\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/Party_of_Five_SSS_Circle_Swatch_76e4cf21-284e-4545-87cf-4fdadef34714.webp?v=1700089212&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/party-of-five?variant=1150034018329&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='roy-g-biv'\n    name='sibling-picker'\n    value='roy-g-biv'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/roy-g-biv\"\n  data-option-value-id=\"15517663985746\"\n  data-variant-id=\"15517663985746\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='roy-g-biv'\n    title='roy-g-biv'\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/Roy_G_Biv_SSS_Circle_Swatch_2bef9987-def0-4520-b453-4183102a32e3.webp?v=1700089214&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/roy-g-biv?variant=15517663985746&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='sequin'\n    name='sibling-picker'\n    value='sequin'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/sequin\"\n  data-option-value-id=\"22677662279\"\n  data-variant-id=\"22677662279\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='sequin'\n    title='sequin'\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/sequin_b-_1_copy_8bf016d2-d63e-45a1-8067-e96ce15131c3.webp?v=1700089215&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/sequin?variant=22677662279&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='aster-super-shock-shadow'\n    name='sibling-picker'\n    value='aster-super-shock-shadow'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/aster-super-shock-shadow\"\n  data-option-value-id=\"39934383063122\"\n  data-variant-id=\"39934383063122\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='aster-super-shock-shadow'\n    title='aster-super-shock-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/Aster_SSS_Circle_Swatch_609d0b53-5329-424e-88d8-8fb74e1a6f8c.webp?v=1700089214&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/aster-super-shock-shadow?variant=39934383063122&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='la-mesa-eyeshadow'\n    name='sibling-picker'\n    value='la-mesa-eyeshadow'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/la-mesa-eyeshadow\"\n  data-option-value-id=\"39740489072722\"\n  data-variant-id=\"39740489072722\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='la-mesa-eyeshadow'\n    title='la-mesa-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/La_Mesa_SSS_Circle_Swatch_ce0f2d41-8306-48a6-833d-4898e6e82f8f.webp?v=1700089213&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/la-mesa-eyeshadow?variant=39740489072722&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='montecito-super-shock-shadow'\n    name='sibling-picker'\n    value='montecito-super-shock-shadow'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/montecito-super-shock-shadow\"\n  data-option-value-id=\"39934446141522\"\n  data-variant-id=\"39934446141522\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='montecito-super-shock-shadow'\n    title='montecito-super-shock-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/Montecito_SSS_Circle_Swatch_05ade40b-4e0f-4c8f-a933-716544e0172c.webp?v=1700089214&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/montecito-super-shock-shadow?variant=39934446141522&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='a-little-quarky-eyeshadow'\n    name='sibling-picker'\n    value='a-little-quarky-eyeshadow'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/a-little-quarky-eyeshadow\"\n  data-option-value-id=\"1210586824729\"\n  data-variant-id=\"1210586824729\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='a-little-quarky-eyeshadow'\n    title='a-little-quarky-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/A-Little-Quarky_2daf6f69-c0c0-4fa1-ba84-17cc0fecfabb.webp?v=1700089215&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/a-little-quarky-eyeshadow?variant=1210586824729&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='deep-dive'\n    name='sibling-picker'\n    value='deep-dive'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/deep-dive\"\n  data-option-value-id=\"41128712844\"\n  data-variant-id=\"41128712844\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='deep-dive'\n    title='deep-dive'\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/deep_dive_b_copy.png?v=1729877913&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/deep-dive?variant=41128712844&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='dgaf'\n    name='sibling-picker'\n    value='dgaf'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/dgaf\"\n  data-option-value-id=\"22676541319\"\n  data-variant-id=\"22676541319\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='dgaf'\n    title='dgaf'\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/DGAF_SSS_Circle_Swatch_a0897b37-d58b-49fe-9b01-c0cf3a8073cb.webp?v=1700089213&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/dgaf?variant=22676541319&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='abbot-kinney-eyeshadow'\n    name='sibling-picker'\n    value='abbot-kinney-eyeshadow'\n    form=''\n    class='sr-only'\n    \n    \n      unavailable\n    \n    \n      data-product-url=\"/products/abbot-kinney-eyeshadow\"\n  data-option-value-id=\"39740802105426\"\n  data-variant-id=\"39740802105426\"\n  data-variant-available=\"false\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='abbot-kinney-eyeshadow'\n    title='abbot-kinney-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/Abbot-Kinney-Swatch-Sparkle_copy_f5462b36-d31a-41d1-9aee-51d39a69e91a.webp?v=1700089213&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/abbot-kinney-eyeshadow?variant=39740802105426&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='green-juice-super-shock-shadow'\n    name='sibling-picker'\n    value='green-juice-super-shock-shadow'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/green-juice-super-shock-shadow\"\n  data-option-value-id=\"39934406066258\"\n  data-variant-id=\"39934406066258\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='green-juice-super-shock-shadow'\n    title='green-juice-super-shock-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/Green_Juice_SSS_Circle_Swatch_fb0ec85f-ffb9-4ae6-8a1e-52f6cf76af50.webp?v=1700089214&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/green-juice-super-shock-shadow?variant=39934406066258&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='mint-4-u-mid-tone-mint-green-eyeshadow'\n    name='sibling-picker'\n    value='mint-4-u-mid-tone-mint-green-eyeshadow'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/mint-4-u-mid-tone-mint-green-eyeshadow\"\n  data-option-value-id=\"31607627448402\"\n  data-variant-id=\"31607627448402\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='mint-4-u-mid-tone-mint-green-eyeshadow'\n    title='mint-4-u-mid-tone-mint-green-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/Mint-4-U-Swatch-Sparkle_copy_c1f4dbcf-c195-4532-bd82-d081c4158b2e.webp?v=1700089215&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/mint-4-u-mid-tone-mint-green-eyeshadow?variant=31607627448402&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='empire-green-eyeshadow'\n    name='sibling-picker'\n    value='empire-green-eyeshadow'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/empire-green-eyeshadow\"\n  data-option-value-id=\"22676637191\"\n  data-variant-id=\"22676637191\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='empire-green-eyeshadow'\n    title='empire-green-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/Empire_b_copy_7a5d9709-ee41-49d1-bc50-6f2350e8ac87.webp?v=1700089215&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/empire-green-eyeshadow?variant=22676637191&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='dream-much'\n    name='sibling-picker'\n    value='dream-much'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/dream-much\"\n  data-option-value-id=\"40310456614994\"\n  data-variant-id=\"40310456614994\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='dream-much'\n    title='dream-much'\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/Dream_Much_SSS_Circle_Swatch.png?v=1729877960&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/dream-much?variant=40310456614994&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='rose-garden-eyeshadow'\n    name='sibling-picker'\n    value='rose-garden-eyeshadow'\n    form=''\n    class='sr-only'\n    \n    \n      unavailable\n    \n    \n      data-product-url=\"/products/rose-garden-eyeshadow\"\n  data-option-value-id=\"39740798992466\"\n  data-variant-id=\"39740798992466\"\n  data-variant-available=\"false\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='rose-garden-eyeshadow'\n    title='rose-garden-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/Rose-Garden-Swatch-Sparkle_copy_78c2ea4b-4164-4e99-9d4f-821eddd97125.webp?v=1700089215&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/rose-garden-eyeshadow?variant=39740798992466&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='ripple-super-shock-shadow'\n    name='sibling-picker'\n    value='ripple-super-shock-shadow'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/ripple-super-shock-shadow\"\n  data-option-value-id=\"31937190789202\"\n  data-variant-id=\"31937190789202\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='ripple-super-shock-shadow'\n    title='ripple-super-shock-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/Ripple_SSS_Circle_Swatch_63b87f92-87d5-495b-bb77-3fe40c653371.webp?v=1700089214&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/ripple-super-shock-shadow?variant=31937190789202&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='pug-life-eyeshadow'\n    name='sibling-picker'\n    value='pug-life-eyeshadow'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/pug-life-eyeshadow\"\n  data-option-value-id=\"39740800237650\"\n  data-variant-id=\"39740800237650\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='pug-life-eyeshadow'\n    title='pug-life-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/Pug_Life_Swatch_Sparkle_copy_e3b63c23-5b70-4021-b9bb-86945ff77036.webp?v=1700089214&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/pug-life-eyeshadow?variant=39740800237650&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='drift'\n    name='sibling-picker'\n    value='drift'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/drift\"\n  data-option-value-id=\"22676602567\"\n  data-variant-id=\"22676602567\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='drift'\n    title='drift'\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/drift_b_copy_e578d854-e831-4e1c-a920-f7c1639840a2.webp?v=1700089215&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/drift?variant=22676602567&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='the-griffith-super-shock-shadow'\n    name='sibling-picker'\n    value='the-griffith-super-shock-shadow'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/the-griffith-super-shock-shadow\"\n  data-option-value-id=\"39934361239634\"\n  data-variant-id=\"39934361239634\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='the-griffith-super-shock-shadow'\n    title='the-griffith-super-shock-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/The_Griffith_SSS_Circle_Swatch_6b8953fd-ecfb-4609-ae17-5f6302676261.webp?v=1700089215&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/the-griffith-super-shock-shadow?variant=39934361239634&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='cheap-date'\n    name='sibling-picker'\n    value='cheap-date'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/cheap-date\"\n  data-option-value-id=\"31937356824658\"\n  data-variant-id=\"31937356824658\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='cheap-date'\n    title='cheap-date'\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/Cheap_Date_SSS_Circle_Swatch_9596c0af-c6e2-43f8-aa26-4764ce593409.webp?v=1700089214&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/cheap-date?variant=31937356824658&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='tankini-eyeshadow'\n    name='sibling-picker'\n    value='tankini-eyeshadow'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/tankini-eyeshadow\"\n  data-option-value-id=\"36874613708\"\n  data-variant-id=\"36874613708\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='tankini-eyeshadow'\n    title='tankini-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/Tankini-Swatch-Sparkle_copy_503a0059-26aa-49ea-8102-6a5ac3a15a08.webp?v=1700089215&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/tankini-eyeshadow?variant=36874613708&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='pledge-class'\n    name='sibling-picker'\n    value='pledge-class'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/pledge-class\"\n  data-option-value-id=\"31937207468114\"\n  data-variant-id=\"31937207468114\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='pledge-class'\n    title='pledge-class'\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/Pledge_Class_SSS_Circle_Swatch_955278b5-b0c7-420c-a7df-4afb1a06b1c4.webp?v=1700089214&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/pledge-class?variant=31937207468114&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='moonwalk-eyeshadow'\n    name='sibling-picker'\n    value='moonwalk-eyeshadow'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/moonwalk-eyeshadow\"\n  data-option-value-id=\"30250754444\"\n  data-variant-id=\"30250754444\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='moonwalk-eyeshadow'\n    title='moonwalk-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/Moonwalk_SSS_Circle_Swatch_c275101b-64f7-45ed-9d56-ae8029f97af1.webp?v=1700089214&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/moonwalk-eyeshadow?variant=30250754444&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='rooftop-cocktails-eyeshadow'\n    name='sibling-picker'\n    value='rooftop-cocktails-eyeshadow'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/rooftop-cocktails-eyeshadow\"\n  data-option-value-id=\"39740795846738\"\n  data-variant-id=\"39740795846738\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='rooftop-cocktails-eyeshadow'\n    title='rooftop-cocktails-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/Rooftop-Cocktails-Swatch-Sparkle_copy_e82f4f06-fca1-491b-a96f-71bf43f1473d.webp?v=1700089215&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/rooftop-cocktails-eyeshadow?variant=39740795846738&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='so-quiche-eyeshadow'\n    name='sibling-picker'\n    value='so-quiche-eyeshadow'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/so-quiche-eyeshadow\"\n  data-option-value-id=\"31937158643794\"\n  data-variant-id=\"31937158643794\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='so-quiche-eyeshadow'\n    title='so-quiche-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/So-Quiche-Swatch-Sparkle_copy_72b3b40e-246a-4fd6-ac4a-045b9adaa985.webp?v=1700089215&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/so-quiche-eyeshadow?variant=31937158643794&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='i-heart-this-shadow'\n    name='sibling-picker'\n    value='i-heart-this-shadow'\n    form=''\n    class='sr-only'\n    \n    \n      unavailable\n    \n    \n      data-product-url=\"/products/i-heart-this-shadow\"\n  data-option-value-id=\"22676952327\"\n  data-variant-id=\"22676952327\"\n  data-variant-available=\"false\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='i-heart-this-shadow'\n    title='i-heart-this-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/I-Heart-This-Swatch_copy_ace560ef-e256-4940-92d3-6c15df214195.webp?v=1700089213&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/i-heart-this-shadow?variant=22676952327&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='bae-eyeshadow'\n    name='sibling-picker'\n    value='bae-eyeshadow'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/bae-eyeshadow\"\n  data-option-value-id=\"22676048583\"\n  data-variant-id=\"22676048583\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='bae-eyeshadow'\n    title='bae-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/Bae-Swatch-Sparkle_copy_ef5377ed-9643-485b-8bc2-4b18d279bea2.webp?v=1700089214&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/bae-eyeshadow?variant=22676048583&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-154803142681\"\n        value=\"1304316346393\"\n        name=\"sibling-picker-154803142681\"\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-154803142681\"\n        value=\"1304316346393\"\n        name=\"sibling-picker-154803142681\"\n\n        \n\n        \n        \n\n        \n\n        \n\n        \n      \n          >\n            \n        \n          <option value=\"22677849287\"\n            \n            data-variant-id=\"22677849287\"\n            data-product-url=\"/products/tassel-eyeshadow\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"11290\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Tassel_SSS_Circle_Swatch_e9bc1a82-6b26-41c7-bc38-05beb95f1ffa.webp?v=1700089215&width=40\"\n            \n            \n            data-swatch-hex=\"#e6e4e0\"\n            data-shade-description=\"Icy white\"data-short-description=\"Crème-to-Powder Eyeshadow\"data-type=\"Super Shock Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Tassel.jpg?v=1715358924&width=90\"\n          >\n            Tassel\n          </option>\n        \n          <option value=\"22605133447250\"\n            \n            data-variant-id=\"22605133447250\"\n            data-product-url=\"/products/ice-dream\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"1878\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Ice-Dream_a_copy_f34b56e3-137d-45e1-85a0-6b3453f2b2f4.webp?v=1700089210&width=40\"\n            \n            \n            data-swatch-hex=\"#ffffff\"\n            data-shade-description=\"Opal white\"data-short-description=\"Crème-to-Powder Eyeshadow\"data-type=\"Super Shock Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Ice-Dream.jpg?v=1715352306&width=90\"\n          >\n            Ice Dream\n          </option>\n        \n          <option value=\"1671406616601\"\n            \n            data-variant-id=\"1671406616601\"\n            data-product-url=\"/products/ladybird\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"262\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Ladybird-Swatch-Sparkle_copy_e7c7aa9e-cb3e-4779-8ff1-2a603e0c52f5.webp?v=1700089215&width=40\"\n            \n            \n            data-swatch-hex=\"#f8e8d3\"\n            data-shade-description=\"Soft ivory\"data-short-description=\"Crème-to-Powder Eyeshadow\"data-type=\"Super Shock Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Ladybird_1_194878ad-297f-4178-8050-4ffd458d22c8.jpg?v=1715352816&width=90\"\n          >\n            Ladybird\n          </option>\n        \n          <option value=\"29927371340\"\n            \n            data-variant-id=\"29927371340\"\n            data-product-url=\"/products/sailor\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"133\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Sailor_SSS_Circle_Swatch_f50e53b8-0c00-4934-90c6-f0e20e5d3a88.webp?v=1700089214&width=40\"\n            \n            \n            data-swatch-hex=\"#deccb9\"\n            data-shade-description=\"Warm beige\"data-short-description=\"Crème-to-Powder Eyeshadow\"data-type=\"Super Shock Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Sailor-SSS.jpg?v=1715300992&width=90\"\n          >\n            Sailor\n          </option>\n        \n          <option value=\"31290912768082\"\n            \n            data-variant-id=\"31290912768082\"\n            data-product-url=\"/products/mighty-morphin-ivory-eyeshadow\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"153\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Mighty_Morphin_SSS_Circle_Swatch_2f765ce3-e351-4f07-83f5-5824e97325c5.webp?v=1700089212&width=40\"\n            \n            \n            data-swatch-hex=\"#f0e2d9\"\n            data-shade-description=\"Icy ivory\"data-short-description=\"Crème-to-Powder Eyeshadow\"data-type=\"Super Shock Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Mighty-Morphin_9329da10-c7f8-4e5f-ae41-f86702a4610d.jpg?v=1715360591&width=90\"\n          >\n            Mighty Morphin'\n          </option>\n        \n          <option value=\"40024899747922\"\n            \n            data-variant-id=\"40024899747922\"\n            data-product-url=\"/products/flower-child-super-shock-shadow\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"493\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Flower_Child_SSS_Circle_Swatch_6cbc7947-ef2a-4637-9639-f3908fcd123c.webp?v=1700089214&width=40\"\n            \n            \n            data-swatch-hex=\"#e2cbb9\"\n            data-shade-description=\"Champagne gold\"data-short-description=\"Crème-to-Powder Eyeshadow\"data-type=\"Super Shock Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/products/6912349929554-Flower-Child-SSShadow-FlowerChild_n-3.jpg?v=1715347094&width=90\"\n          >\n            Flower Child\n          </option>\n        \n          <option value=\"39934344298578\"\n            \n            data-variant-id=\"39934344298578\"\n            data-product-url=\"/products/3rd-st-super-shock-shadow\"\n            data-variant-available=\"false\"\n            data-variant-inventory=\"0\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/3rd_Street_SSS_Circle_Swatch_a44ef088-17a3-406a-b023-c31e1397f0ee.webp?v=1700089207&width=40\"\n            \n            \n              disabled\n            \n            data-swatch-hex=\"#e0d5c5\"\n            data-shade-description=\"Champagne ivory\"data-short-description=\"Crème-to-Powder Eyeshadow\"data-type=\"Super Shock Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/3rd-Street-name.jpg?v=1715351742&width=90\"\n          >\n            3rd St\n          </option>\n        \n          <option value=\"1122896511001\"\n            \n            data-variant-id=\"1122896511001\"\n            data-product-url=\"/products/ritz\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"1033\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Ritz_SSS_Circle_Swatch_305694ce-1f6a-4975-b2ae-bd5d29ae9761.webp?v=1700089215&width=40\"\n            \n            \n            data-swatch-hex=\"#cfbbad\"\n            data-shade-description=\"Sheer nude\"data-short-description=\"Crème-to-Powder Eyeshadow\"data-type=\"Super Shock Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Ritz.jpg?v=1715359129&width=90\"\n          >\n            Ritz\n          </option>\n        \n          <option value=\"22675961799\"\n            \n            data-variant-id=\"22675961799\"\n            data-product-url=\"/products/amaze\"\n            data-variant-available=\"false\"\n            data-variant-inventory=\"0\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Amaze_SSS_Circle_Swatch_989ff3a3-e90a-4c76-bac0-f47e194ebc8b.webp?v=1700089211&width=40\"\n            \n            \n              disabled\n            \n            data-swatch-hex=\"#d8b69f\"\n            data-shade-description=\"Peachy gold\"data-short-description=\"Crème-to-Powder Eyeshadow\"data-type=\"Super Shock Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Amaze-SSS.jpg?v=1715347826&width=90\"\n          >\n            Amaze\n          </option>\n        \n          <option value=\"39934338302034\"\n            \n            data-variant-id=\"39934338302034\"\n            data-product-url=\"/products/mountain-lion-super-shock-shadow\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"2794\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Mountain_Lion_SSS_Circle_Swatch_769f8004-dbbb-48eb-b92a-5c1f1ce97594.webp?v=1700089212&width=40\"\n            \n            \n            data-swatch-hex=\"#f0e5e1\"\n            data-type=\"Super Shock Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Mountain-Lion.jpg?v=1715350942&width=90\"\n          >\n            Mountain Lion\n          </option>\n        \n          <option value=\"1304316346393\"\n            \n              selected\n            \n            data-variant-id=\"1304316346393\"\n            data-product-url=\"/products/frog\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"1450\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Frog_SSS_Circle_Swatch_2ec073b1-4ecd-4f7b-baa6-7c8aba82baac.webp?v=1700089211&width=40\"\n            \n            \n            data-swatch-hex=\"#eac7c6\"\n            data-shade-description=\"Icy baby pink\"data-short-description=\"Crème-to-Powder Eyeshadow\"data-type=\"Super Shock Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Frog-SSS-Open_c50ff7e1-c640-4e67-987c-1d527545e616.jpg?v=1715355466&width=90\"\n          >\n            Frog\n          </option>\n        \n          <option value=\"39365718900818\"\n            \n            data-variant-id=\"39365718900818\"\n            data-product-url=\"/products/sweet-tea-super-shock-eyeshadow\"\n            data-variant-available=\"false\"\n            data-variant-inventory=\"0\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Sweet-Tea-Swatch_copy_6e29fd82-c6a0-464b-b783-38277cbcdd13.webp?v=1700089215&width=40\"\n            \n            \n              disabled\n            \n            data-swatch-hex=\"#d79699\"\n            data-shade-description=\"Warm baby pink\"data-short-description=\"Crème-to-Powder Eyeshadow\"data-type=\"Super Shock Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Sweet-Tea-SSS.jpg?v=1740103341&width=90\"\n          >\n            Sweet Tea\n          </option>\n        \n          <option value=\"1150034018329\"\n            \n            data-variant-id=\"1150034018329\"\n            data-product-url=\"/products/party-of-five\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"3973\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Party_of_Five_SSS_Circle_Swatch_76e4cf21-284e-4545-87cf-4fdadef34714.webp?v=1700089212&width=40\"\n            \n            \n            data-swatch-hex=\"#cb9298\"\n            data-shade-description=\"Warm burgundy\"data-short-description=\"Crème-to-Powder Eyeshadow\"data-type=\"Super Shock Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Party-Of-Five-SSS.jpg?v=1715348175&width=90\"\n          >\n            Party of Five\n          </option>\n        \n          <option value=\"15517663985746\"\n            \n            data-variant-id=\"15517663985746\"\n            data-product-url=\"/products/roy-g-biv\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"381\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Roy_G_Biv_SSS_Circle_Swatch_2bef9987-def0-4520-b453-4183102a32e3.webp?v=1700089214&width=40\"\n            \n            \n            data-swatch-hex=\"#bd606b\"\n            data-shade-description=\"Mid-tone pink\"data-short-description=\"Crème-to-Powder Eyeshadow\"data-type=\"Super Shock Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Roy-G-Biv-Sparkle_b7eda840-76ce-444c-8dab-7eb286d8e896.jpg?v=1715525408&width=90\"\n          >\n            Roy G. Biv\n          </option>\n        \n          <option value=\"22677662279\"\n            \n            data-variant-id=\"22677662279\"\n            data-product-url=\"/products/sequin\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"1540\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/sequin_b-_1_copy_8bf016d2-d63e-45a1-8067-e96ce15131c3.webp?v=1700089215&width=40\"\n            \n            \n            data-swatch-hex=\"#c99b8c\"\n            data-shade-description=\"Rosy copper\"data-short-description=\"Crème-to-Powder Eyeshadow\"data-type=\"Super Shock Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Sequin-SSS.jpg?v=1740103282&width=90\"\n          >\n            Sequin\n          </option>\n        \n          <option value=\"39934383063122\"\n            \n            data-variant-id=\"39934383063122\"\n            data-product-url=\"/products/aster-super-shock-shadow\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"38\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Aster_SSS_Circle_Swatch_609d0b53-5329-424e-88d8-8fb74e1a6f8c.webp?v=1700089214&width=40\"\n            \n            \n            data-swatch-hex=\"#c1948d\"\n            data-shade-description=\"Peachy taupe\"data-short-description=\"Crème-to-Powder Eyeshadow\"data-type=\"Super Shock Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Aster-name.jpg?v=1715350631&width=90\"\n          >\n            Aster\n          </option>\n        \n          <option value=\"39740489072722\"\n            \n            data-variant-id=\"39740489072722\"\n            data-product-url=\"/products/la-mesa-eyeshadow\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"274\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/La_Mesa_SSS_Circle_Swatch_ce0f2d41-8306-48a6-833d-4898e6e82f8f.webp?v=1700089213&width=40\"\n            \n            \n            data-swatch-hex=\"#f9c4a9\"\n            data-shade-description=\"Icy nude\"data-short-description=\"Crème-to-Powder Eyeshadow\"data-type=\"Super Shock Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/La-Mesa-Sparkle_44554153-c459-4848-9583-03e198d53786.jpg?v=1715358598&width=90\"\n          >\n            La Mesa\n          </option>\n        \n          <option value=\"39934446141522\"\n            \n            data-variant-id=\"39934446141522\"\n            data-product-url=\"/products/montecito-super-shock-shadow\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"1061\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Montecito_SSS_Circle_Swatch_05ade40b-4e0f-4c8f-a933-716544e0172c.webp?v=1700089214&width=40\"\n            \n            \n            data-swatch-hex=\"#dfad45\"\n            data-shade-description=\"Gold tangerine\"data-short-description=\"Crème-to-Powder Eyeshadow\"data-type=\"Super Shock Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Montecito.jpg?v=1715360981&width=90\"\n          >\n            Montecito\n          </option>\n        \n          <option value=\"1210586824729\"\n            \n            data-variant-id=\"1210586824729\"\n            data-product-url=\"/products/a-little-quarky-eyeshadow\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"1418\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/A-Little-Quarky_2daf6f69-c0c0-4fa1-ba84-17cc0fecfabb.webp?v=1700089215&width=40\"\n            \n            \n            data-swatch-hex=\"#cea990\"\n            data-shade-description=\"Metallic bronze\"data-short-description=\"Crème-to-Powder Eyeshadow\"data-type=\"Super Shock Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/A-Little-Quarky-Sparkle.jpg?v=1715357615&width=90\"\n          >\n            A Little Quarky\n          </option>\n        \n          <option value=\"41128712844\"\n            \n            data-variant-id=\"41128712844\"\n            data-product-url=\"/products/deep-dive\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"8\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/deep_dive_b_copy.png?v=1729877913&width=40\"\n            \n            \n            data-swatch-hex=\"#ad7760\"\n            data-shade-description=\"Bronze with purple + gold glitter\"data-short-description=\"Crème-to-Powder Eyeshadow\"data-type=\"Super Shock Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Deep-Dive-SSS.jpg?v=1740103491&width=90\"\n          >\n            Deep Dive\n          </option>\n        \n          <option value=\"22676541319\"\n            \n            data-variant-id=\"22676541319\"\n            data-product-url=\"/products/dgaf\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"480\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/DGAF_SSS_Circle_Swatch_a0897b37-d58b-49fe-9b01-c0cf3a8073cb.webp?v=1700089213&width=40\"\n            \n            \n            data-swatch-hex=\"#ad7760\"\n            data-shade-description=\"Rusty brown\"data-short-description=\"Crème-to-Powder Eyeshadow\"data-type=\"Super Shock Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/DGAF_a_283b9d9f-7d5d-450f-8774-5ce5c66eaec2.jpg?v=1740103577&width=90\"\n          >\n            DGAF\n          </option>\n        \n          <option value=\"39740802105426\"\n            \n            data-variant-id=\"39740802105426\"\n            data-product-url=\"/products/abbot-kinney-eyeshadow\"\n            data-variant-available=\"false\"\n            data-variant-inventory=\"0\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Abbot-Kinney-Swatch-Sparkle_copy_f5462b36-d31a-41d1-9aee-51d39a69e91a.webp?v=1700089213&width=40\"\n            \n            \n              disabled\n            \n            data-swatch-hex=\"#92675a\"\n            data-shade-description=\"Deep bronze\"data-short-description=\"Crème-to-Powder Eyeshadow\"data-type=\"Super Shock Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Abbott-Kinney-Sparkle.jpg?v=1731345900&width=90\"\n          >\n            Abbot Kinney\n          </option>\n        \n          <option value=\"39934406066258\"\n            \n            data-variant-id=\"39934406066258\"\n            data-product-url=\"/products/green-juice-super-shock-shadow\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"1053\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Green_Juice_SSS_Circle_Swatch_fb0ec85f-ffb9-4ae6-8a1e-52f6cf76af50.webp?v=1700089214&width=40\"\n            \n            \n            data-swatch-hex=\"#c7b14c\"\n            data-shade-description=\"Chartreuse\"data-short-description=\"Crème-to-Powder Eyeshadow\"data-type=\"Super Shock Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Green-Juice_1.jpg?v=1715344407&width=90\"\n          >\n            Green Juice\n          </option>\n        \n          <option value=\"31607627448402\"\n            \n            data-variant-id=\"31607627448402\"\n            data-product-url=\"/products/mint-4-u-mid-tone-mint-green-eyeshadow\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"1751\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Mint-4-U-Swatch-Sparkle_copy_c1f4dbcf-c195-4532-bd82-d081c4158b2e.webp?v=1700089215&width=40\"\n            \n            \n            data-swatch-hex=\"#b8d0c9\"\n            data-shade-description=\"Mid-tone mint\"data-short-description=\"Crème-to-Powder Eyeshadow\"data-type=\"Super Shock Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Mint-4-U.jpg?v=1715358049&width=90\"\n          >\n            Mint 4 U\n          </option>\n        \n          <option value=\"22676637191\"\n            \n            data-variant-id=\"22676637191\"\n            data-product-url=\"/products/empire-green-eyeshadow\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"587\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Empire_b_copy_7a5d9709-ee41-49d1-bc50-6f2350e8ac87.webp?v=1700089215&width=40\"\n            \n            \n            data-swatch-hex=\"#188176\"\n            data-shade-description=\"Emerald green\"data-short-description=\"Crème-to-Powder Eyeshadow\"data-type=\"Super Shock Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Empire.jpg?v=1715357756&width=90\"\n          >\n            Empire\n          </option>\n        \n          <option value=\"40310456614994\"\n            \n            data-variant-id=\"40310456614994\"\n            data-product-url=\"/products/dream-much\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"184\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Dream_Much_SSS_Circle_Swatch.png?v=1729877960&width=40\"\n            \n            \n            data-swatch-hex=\"#aeabe8\"\n            data-short-description=\"Crème-to-Powder Eyeshadow\"data-type=\"Super Shock Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Dream-Much_018b3fe6-1845-451b-8fdf-cd7de5b673c7.jpg?v=1715360749&width=90\"\n          >\n            Dream Much\n          </option>\n        \n          <option value=\"39740798992466\"\n            \n            data-variant-id=\"39740798992466\"\n            data-product-url=\"/products/rose-garden-eyeshadow\"\n            data-variant-available=\"false\"\n            data-variant-inventory=\"0\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Rose-Garden-Swatch-Sparkle_copy_78c2ea4b-4164-4e99-9d4f-821eddd97125.webp?v=1700089215&width=40\"\n            \n            \n              disabled\n            \n            data-swatch-hex=\"#9e98bf\"\n            data-shade-description=\"Metallic violet\"data-short-description=\"Crème-to-Powder Eyeshadow\"data-type=\"Super Shock Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Rose-Garden-Sparkle.jpg?v=1715359644&width=90\"\n          >\n            Rose Garden\n          </option>\n        \n          <option value=\"31937190789202\"\n            \n            data-variant-id=\"31937190789202\"\n            data-product-url=\"/products/ripple-super-shock-shadow\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"197\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Ripple_SSS_Circle_Swatch_63b87f92-87d5-495b-bb77-3fe40c653371.webp?v=1700089214&width=40\"\n            \n            \n            data-swatch-hex=\"#9e7da7\"\n            data-shade-description=\"Vivid violet\"data-short-description=\"Crème-to-Powder Eyeshadow\"data-type=\"Super Shock Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Ripple-Sparkle.jpg?v=1715354551&width=90\"\n          >\n            Ripple\n          </option>\n        \n          <option value=\"39740800237650\"\n            \n            data-variant-id=\"39740800237650\"\n            data-product-url=\"/products/pug-life-eyeshadow\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"633\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Pug_Life_Swatch_Sparkle_copy_e3b63c23-5b70-4021-b9bb-86945ff77036.webp?v=1700089214&width=40\"\n            \n            \n            data-swatch-hex=\"#9f4769\"\n            data-shade-description=\"Magenta\"data-short-description=\"Crème-to-Powder Eyeshadow\"data-type=\"Super Shock Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Pug-Life-Sparkle.jpg?v=1715353368&width=90\"\n          >\n            Pug Life\n          </option>\n        \n          <option value=\"22676602567\"\n            \n            data-variant-id=\"22676602567\"\n            data-product-url=\"/products/drift\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"1643\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/drift_b_copy_e578d854-e831-4e1c-a920-f7c1639840a2.webp?v=1700089215&width=40\"\n            \n            \n            data-swatch-hex=\"#90444c\"\n            data-shade-description=\"True cranberry\"data-short-description=\"Crème-to-Powder Eyeshadow\"data-type=\"Super Shock Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/drift_a.jpg?v=1715354969&width=90\"\n          >\n            Drift\n          </option>\n        \n          <option value=\"39934361239634\"\n            \n            data-variant-id=\"39934361239634\"\n            data-product-url=\"/products/the-griffith-super-shock-shadow\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"1241\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/The_Griffith_SSS_Circle_Swatch_6b8953fd-ecfb-4609-ae17-5f6302676261.webp?v=1700089215&width=40\"\n            \n            \n            data-swatch-hex=\"#bea4b3\"\n            data-shade-description=\"Silver lavender\"data-short-description=\"Crème-to-Powder Eyeshadow\"data-type=\"Super Shock Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/The-Griffith-Lake.jpg?v=1715357048&width=90\"\n          >\n            The Griffith\n          </option>\n        \n          <option value=\"31937356824658\"\n            \n            data-variant-id=\"31937356824658\"\n            data-product-url=\"/products/cheap-date\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"3201\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Cheap_Date_SSS_Circle_Swatch_9596c0af-c6e2-43f8-aa26-4764ce593409.webp?v=1700089214&width=40\"\n            \n            \n            data-swatch-hex=\"#f1e6bb\"\n            data-type=\"Super Shock Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Cheap-Date-SSS.jpg?v=1715356558&width=90\"\n          >\n            Cheap Date\n          </option>\n        \n          <option value=\"36874613708\"\n            \n            data-variant-id=\"36874613708\"\n            data-product-url=\"/products/tankini-eyeshadow\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"3024\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Tankini-Swatch-Sparkle_copy_503a0059-26aa-49ea-8102-6a5ac3a15a08.webp?v=1700089215&width=40\"\n            \n            \n            data-swatch-hex=\"#e5be3a\"\n            data-shade-description=\"Vivid yellow\"data-short-description=\"Crème-to-Powder Eyeshadow\"data-type=\"Super Shock Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Tankini-Sparkle.jpg?v=1715350192&width=90\"\n          >\n            Tankini\n          </option>\n        \n          <option value=\"31937207468114\"\n            \n            data-variant-id=\"31937207468114\"\n            data-product-url=\"/products/pledge-class\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"1593\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Pledge_Class_SSS_Circle_Swatch_955278b5-b0c7-420c-a7df-4afb1a06b1c4.webp?v=1700089214&width=40\"\n            \n            \n            data-swatch-hex=\"#ca926c\"\n            data-type=\"Super Shock Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Pledge-Class-SSS.jpg?v=1745966554&width=90\"\n          >\n            Pledge Class\n          </option>\n        \n          <option value=\"30250754444\"\n            \n            data-variant-id=\"30250754444\"\n            data-product-url=\"/products/moonwalk-eyeshadow\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"110\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Moonwalk_SSS_Circle_Swatch_c275101b-64f7-45ed-9d56-ae8029f97af1.webp?v=1700089214&width=40\"\n            \n            \n            data-swatch-hex=\"#957935\"\n            data-shade-description=\"Terracotta undertone with an olive and gold duo chrome finish\"data-short-description=\"Crème-to-Powder Eyeshadow\"data-type=\"Super Shock Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/moonwalk_a.png?v=1730738925&width=90\"\n          >\n            Moonwalk\n          </option>\n        \n          <option value=\"39740795846738\"\n            \n            data-variant-id=\"39740795846738\"\n            data-product-url=\"/products/rooftop-cocktails-eyeshadow\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"2660\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Rooftop-Cocktails-Swatch-Sparkle_copy_e82f4f06-fca1-491b-a96f-71bf43f1473d.webp?v=1700089215&width=40\"\n            \n            \n            data-swatch-hex=\"#a9a397\"\n            data-shade-description=\"Rust terracotta\"data-short-description=\"Crème-to-Powder Eyeshadow\"data-type=\"Super Shock Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Rooftop-Cocktails-Sparkle.jpg?v=1715355154&width=90\"\n          >\n            Rooftop Cocktails\n          </option>\n        \n          <option value=\"31937158643794\"\n            \n            data-variant-id=\"31937158643794\"\n            data-product-url=\"/products/so-quiche-eyeshadow\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"644\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/So-Quiche-Swatch-Sparkle_copy_72b3b40e-246a-4fd6-ac4a-045b9adaa985.webp?v=1700089215&width=40\"\n            \n            \n            data-swatch-hex=\"#a97e68\"\n            data-shade-description=\"Deep olive\"data-short-description=\"Crème-to-Powder Eyeshadow\"data-type=\"Super Shock Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/So-Quiche-Sparkle.jpg?v=1715351829&width=90\"\n          >\n            So Quiche\n          </option>\n        \n          <option value=\"22676952327\"\n            \n            data-variant-id=\"22676952327\"\n            data-product-url=\"/products/i-heart-this-shadow\"\n            data-variant-available=\"false\"\n            data-variant-inventory=\"0\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/I-Heart-This-Swatch_copy_ace560ef-e256-4940-92d3-6c15df214195.webp?v=1700089213&width=40\"\n            \n            \n              disabled\n            \n            data-swatch-hex=\"#c4b0a7\"\n            data-type=\"Super Shock Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/products/7142225479-I-Heart-This-SSShadow-IHeartThis-4.jpg?v=1715359981&width=90\"\n          >\n            I Heart This\n          </option>\n        \n          <option value=\"22676048583\"\n            \n            data-variant-id=\"22676048583\"\n            data-product-url=\"/products/bae-eyeshadow\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"255\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Bae-Swatch-Sparkle_copy_ef5377ed-9643-485b-8bc2-4b18d279bea2.webp?v=1700089214&width=40\"\n            \n            \n            data-swatch-hex=\"#000000\"\n            data-shade-description=\"Eggplant\"data-short-description=\"Crème-to-Powder Eyeshadow\"data-type=\"Super Shock Shadow\"\n            data-image=\"//colourpop.com/cdn/shop/files/Bae-Sparkle_8fb4869b-0b4d-4b7d-ba7b-50baa4dac0ee.jpg?v=1715382879&width=90\"\n          >\n            Bae\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-154803142681\"\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\":1304316346393,\"title\":\"Default Title\",\"option1\":\"Default Title\",\"option2\":null,\"option3\":null,\"sku\":\"SSShadow-Frog\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":null,\"available\":true,\"name\":\"Frog\",\"public_title\":null,\"options\":[\"Default Title\"],\"price\":560,\"weight\":22,\"compare_at_price\":700,\"inventory_quantity\":1450,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"FG005852\",\"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>Frog</span><span> - Icy baby pink</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='1304316346393'\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>Frog</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='1304316346393'\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 Frog</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='1450'\n    step='1'\n    aria-label='Quantity for Frog'\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 Frog</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--154803142681'\n                  type='submit'\n                  name='add'\n                  variant='primary'\n                  class='\n                    btn\n                    group-[.sticky-atc]/buy-buttons:grow group-[.sticky-atc]/buy-buttons:md:grow-0\n                    leading-normal\n                    !max-w-fit\n                  '\n                  \n                >\n                  <span\n                    \n                      class='px-6'\n                    \n                  >add to bag\n\n<div\n    class='\n      inline-flex gap-x-xs justify-start items-center group/price font-bold\n on-sale'\n    \n  >\n    <div class='inline-flex gap-x-2xs'><div class='group-[.on-sale]/price:hidden'><span class='sr-only'>Regular price</span>\n          <span class='font-bold font-bold'>\n            $5.60\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.60\n        </span><span>\n            <s class='line-through text-[inherit] font-bold'>\n              $7.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=\"154803142681\" /><input type=\"hidden\" name=\"section-id\" value=\"template--16300830097490__main\" /></form></product-form>\n</div>\n\n<style>\n  .shopify-payment-button__more-options[aria-hidden='true'] {\n    display: none;\n  }\n</style>\n\n\n\n          \n            \n              <p class='text-body font-bold text-t-foreground'>\n                20% Off. Limited time only.\n              </p>\n            \n          \n        </div><klarna-placement\n          class='klarna__pdp'\n          data-key='credit-promotion-auto-size'\n          data-locale='en-US'\n          data-purchase-amount='560'\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🍦 Super creamy <br />\n💌 Long-lasting <br />\n⚡Metallic finish <br />\n💎 Glitter finish</span></p></p></div><div id=\"shopify-block-AMXhNd0FURWhiYmtKR__tolstoy_shoppable_video_ugc_stories_block_RH3tz6\" class=\"shopify-block shopify-app-block\"><tolstoy-stories\nclass=\"tolstoy-stories\"\ndata-tags=\"#.collection:2023labordaysitewidesale,#.collection:PinkPromo,#.collection:PromoBackup2,#.collection:promoproducts,#.collection:RainbowSale,#.collection:TemptaliaPromo,#.collections:promoproducts,#.excluded:boxing,#.glosku:50offSSS,#.glosku:SSBOGO,#.hidden:false,#.limit:5,#.promo.30offsitewide,#.promo:2023bfcm2SSS,#.promo:20festival2024,#.promo:2SSS,#.promo:3SSS,#.promo:50offSSS,#.promo:50offSSS2024,#.promo:50offSSSflashsale,#.promo:IG8M,#.promo:SinglesDay30,#.promo:singlesdaybogo2024,#.promo:SSSBTGO,#.promo:SSSPromo,#.promo:SuperShock25,#.promo:SuperShock5,#.promo:supershockbogo,#.promo:treat,#.shipping:china,#.upsell-price:500,#rmb.glosku:66,#sept162621promo,010418,15Temptalia,AEFAVES,BOGO033121,category:Eyes,color2:Purples,color:Silvers,eyes,eyes under 20,Eyeshadow,finish:Ultra-Glitter,glosku:2023BFCM2sss,glosku:50offSSS2024,Glosku:DecBMSM,glosku:june40,glosku:OctBMSM,glosku:OctBMSM2,glosku:q2top30,glosku:sss40,Glosku:SSSBOGO,KLFavorites,LaborDay21PreSale,makeupbyjesi-faves,mannymua,MDW30,mvp.super-shock-shadow,NeverOOS,Pastels,productline:ColourPop,producttype:Super Shock Shadow &amp; Pigment,PurplePleasures,Purples,Silvers,SKULifecycle:Permanent,SSSpromo031021,subcategory:Shadows,Super Shock Shadow Single,SuperShock5,technology:Super Shock,Top 300,TopVegan,Ultra-Glitter,unitnumber:1,unittype:single,vegan,\"\ndata-publish-id=\"g1w7hu6osho9x\"\ndata-product-id=\"154803142681\">\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>Our famous OG crème-to-powder formula delivers supercharged sparkling colour with minimal creasing, fading or fallout. One swipe of this long-lasting shadow is all you need to get high impact colour! Its unique bouncy texture is super creamy and insanely pigmented to take any look to the next level.</p> Net Weight 2.1g (0.074oz)\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\"> Cyclopentasiloxane, Calcium Sodium Borosilicate, Dimethicone, Aluminum Calcium Sodium Silicate, Trimethylsiloxysilicate, Synthetic Fluorphlogopite, Silica, Isododecane, Boron Nitride, C30-45 Alkyl Cetearyl Dimethicone Crosspolymer, Cyclohexasiloxane, Dimethicone/Vinyltrimethylsiloxysilicate Crosspolymer, Phenoxyethanol, Disteardimonium Hectorite, Tin Oxide, Glycine Soja (Soybean) Oil, Mangifera Indica (Mango) Seed Butter, Titanium/Titanium Dioxide, Propylene Carbonate, Ethylhexylglycerin, Cucumis Sativus (Cucumber) Fruit Extract, Mica (CI 77019), Red 40 Lake (CI 16035), Titanium Dioxide (CI 77891). </span>\n          \n\n      </div>\n    </div>\n  </div>\n</div>\n\n          </div>\n\n<div class='accordion' sub-section-id='collapsible-row-1' >\n\n<div id='Details-collapsible-row-1-template--16300830097490__main' class='group'>\n  <label\n    class='list-none block py-xs border-b-[currentColor] border-b cursor-pointer '\n    for='accordion-checkbox-collapsible-row-1-template--16300830097490__main'\n  >\n    <input\n      aria-controls='accordion-content-collapsible-row-1-template--16300830097490__main'\n      aria-labelled='Toggle application tips accordion'\n      class='sr-only peer accordion-content-trigger'\n      type='checkbox'\n      id='accordion-checkbox-collapsible-row-1-template--16300830097490__main'\n      name='accordion-input--collapsible-row-1-template-16300830097490__main\n'\n      \n    >\n    <div class='flex items-center justify-between w-full peer-focus-visible:ring-1 ring-u-focus'>\n      <h3\n        class='text-body font-bold '\n        id='accordion-title-collapsible-row-1-template--16300830097490__main'\n      >\n        application tips\n      </h3>\n<svg-icon\n  src='icon-plus'\n  class='group-has-[:checked]:rotate-45 duration-300 transition-transform'\n\n  \n    style='--icon-size: 10px;'\n  \n\n  \n  \n></svg-icon>\n</div>\n  </label>\n  \n  \n  <div\n    class='rte group-has-[:checked]:grid-rows-[1fr] group-has-[:checked]:visible grid-rows-[0fr] transition-[visiblity,grid-template-rows] duration-300 grid invisible'\n    id='accordion-content-collapsible-row-1-template--16300830097490__main'\n    role='region'\n    aria-labelledby='accordion-title-collapsible-row-1-template--16300830097490__main'\n  >\n    <div class='overflow-hidden'>\n      <div class='pt-xs p '>\n        <span class=\"metafield-multi_line_text_field\">For max coverage, use your fingertip and tap shadow directly onto the eyelid. A flat, firm synthetic brush will also work and is perfect for detailed application close to the lashline.<br />\nTo blend, use a fluffy synthetic brush, dip the tip into the shadow and apply with a &quot;windshield wiper&quot; movement throughout the crease of the eye for a soft &amp; diffused look.</span>\n          \n\n      </div>\n    </div>\n  </div>\n</div>\n\n          </div>\n\n\n\n\n            <div class='accordion' sub-section-id='collapsible_tab_3wD87W' >\n\n<div id='Details-collapsible_tab_3wD87W-template--16300830097490__main' class='group'>\n  <label\n    class='list-none block py-xs border-b-[currentColor] border-b cursor-pointer '\n    for='accordion-checkbox-collapsible_tab_3wD87W-template--16300830097490__main'\n  >\n    <input\n      aria-controls='accordion-content-collapsible_tab_3wD87W-template--16300830097490__main'\n      aria-labelled='Toggle pairs with accordion'\n      class='sr-only peer accordion-content-trigger'\n      type='checkbox'\n      id='accordion-checkbox-collapsible_tab_3wD87W-template--16300830097490__main'\n      name='accordion-input--collapsible_tab_3wd87w-template-16300830097490__main\n'\n      \n        checked\n      \n    >\n    <div class='flex items-center justify-between w-full peer-focus-visible:ring-1 ring-u-focus'>\n      <h3\n        class='text-body font-bold '\n        id='accordion-title-collapsible_tab_3wD87W-template--16300830097490__main'\n      >\n        pairs with\n      </h3>\n<svg-icon\n  src='icon-plus'\n  class='group-has-[:checked]:rotate-45 duration-300 transition-transform'\n\n  \n    style='--icon-size: 10px;'\n  \n\n  \n  \n></svg-icon>\n</div>\n  </label>\n  \n  \n  <div\n    class=' group-has-[:checked]:grid-rows-[1fr] group-has-[:checked]:visible grid-rows-[0fr] transition-[visiblity,grid-template-rows] duration-300 grid invisible'\n    id='accordion-content-collapsible_tab_3wD87W-template--16300830097490__main'\n    role='region'\n    aria-labelledby='accordion-title-collapsible_tab_3wD87W-template--16300830097490__main'\n  >\n    <div class='overflow-hidden'>\n      <div class='pt-xs p '>\n        <div>\n              \n                \n\n  <main-product\n    \n      section-id='product-card'\n      id='product-card-7093159264338'\n      product-url='/products/swerve-creme-gel-liner'\n    \n    \n    class='product-card w-full group relative flex-col group/product-card-image  flex  overflow-hidden bg-white pair-product !py-10 !px-4 [&:nth-child(2n)]:bg-t-foreground-secondary !grid grid-cols-[95px__1fr] gap-x-lg'\n  >\n    \n\n    \n    \n      <a\n        class='block wishlist-product-card'\n        href='/products/swerve-creme-gel-liner'\n        sub-section-id='main-image'\n      >\n        <div class='aspect-square bg-gray-200 relative'>\n          \n\n<img src=\"//colourpop.com/cdn/shop/products/Swerve-CGL-macro.jpg?v=1680298481&amp;width=500\" alt=\"ColourPop Crème Gel Liner in Swerve drawing bold matte-black strokes, shown as a twist-up eyeliner tip against a backdrop of thick black swatches, highlighting creamy, long-wearing, smudge-proof formula for precise eye definition.\" srcset=\"//colourpop.com/cdn/shop/products/Swerve-CGL-macro.jpg?v=1680298481&amp;width=500 500w\" width=\"500\" height=\"2400.0\" loading=\"lazy\" sizes=\"(min-width: 1440px) 500px, (min-width: 1024px) 33vw, 50vw\" class=\"w-full block h-full w-full object-cover object-center sm:h-full sm:w-full rounded-lg object-cover\" fetchpriority=\"auto\" format=\"webp\">\n\n\n<img src=\"//colourpop.com/cdn/shop/files/CremeGelLiner-Swerve_0467_8740e458-b6d7-4392-a385-44012d4bbcbb.jpg?v=1723678451&amp;width=500\" alt=\"ColourPop Crème Gel Liner in Swerve draws a jet-black, precise cat-eye wing across the upper lash line of a blue eye, showcasing smooth, matte payoff and long-wear definition in a close-up beauty shot.\" srcset=\"//colourpop.com/cdn/shop/files/CremeGelLiner-Swerve_0467_8740e458-b6d7-4392-a385-44012d4bbcbb.jpg?v=1723678451&amp;width=500 500w\" width=\"500\" height=\"2400.0\" loading=\"lazy\" sizes=\"(min-width: 1440px) 500px, (min-width: 1024px) 33vw, 50vw\" class=\"w-full block h-full w-full object-cover object-center sm:h-full sm:w-full rounded-lg opacity-0 absolute inset-0 transition-opacity duration-300 ease-in-out group-hover/product-card-image:opacity-100 object-cover\" fetchpriority=\"auto\" format=\"webp\">\n        </div>\n      </a>\n    \n\n    <div class='flex flex-col flex-1 sm:p-4 sm:pb-0 justify-start gap-1 group-[.pair-product]:pt-0 group-[.pair-product]:ml-0 md:group-[.pair-product]:w-60 group-[.pair-product]:!px-0 group-[.pair-product]:w-full'>\n      <h3 class='text-body font-bold'>\n        <a\n          class='line-clamp-2 text-center group-[.pair-product]:text-left group-[.pair-product]:lowercase'\n          href='/products/swerve-creme-gel-liner'\n        >\n          \n            Creme Gel Liner\n          \n        </a>\n      </h3>\n      \n        <p class='text-center text-caption pb-2 group-[.predictive-search-results-products-list]:text-left sm:group-[.predictive-search-results-products-list]:text-center group-[.pair-product]:text-left'>\n          Waterproof Gel Eyeliner\n        </p>\n      \n      \n        <p class='text-center text-caption font-bold text-t-foreground pb-1 group-[.pair-product]:hidden'>\n          20% Off. Limited time only.\n        </p>\n      \n\n      \n<div data-oke-star-rating data-oke-reviews-product-id=\"shopify-7093159264338\"><div data-oke-reviews-version=\"0.86.0\" data-oke-container=\"\" class=\"okeReviews oke-sr\"><div class=\"\"><div class=\"oke-sr-rating\"> 4.7 </div><div class=\"oke-sr-stars\"><div class=\"oke-stars\"><!----><div class=\"oke-stars-background\"><svg height=\"11\" viewBox=\"0 0 103.54545454545455 14\" aria-hidden=\"true\" role=\"none\"><use x=\"0\" href=\"#oke-star-empty\"></use><use x=\"22.236363636363635\" href=\"#oke-star-empty\"></use><use x=\"44.47272727272727\" href=\"#oke-star-empty\"></use><use x=\"66.7090909090909\" href=\"#oke-star-empty\"></use><use x=\"88.94545454545454\" href=\"#oke-star-empty\"></use></svg></div><div class=\"oke-stars-foreground\" style=\"width: 95.77%;\"><svg height=\"11\" viewBox=\"0 0 103.54545454545455 14\" aria-hidden=\"true\" role=\"none\"><use x=\"0\" href=\"#oke-star-filled\"></use><use x=\"22.236363636363635\" href=\"#oke-star-filled\"></use><use x=\"44.47272727272727\" href=\"#oke-star-filled\"></use><use x=\"66.7090909090909\" href=\"#oke-star-filled\"></use><use x=\"88.94545454545454\" href=\"#oke-star-filled\"></use></svg></div><span class=\"oke-a11yText\">Rated 4.7 out of 5 stars</span></div></div><div class=\"oke-sr-count\"><span class=\"oke-sr-count-number\">8,675</span><span class=\"oke-sr-label-text\"> Reviews</span><!----></div><!----></div><script type=\"application/json\" data-oke-metafield-data=\"\"> {\"averageRating\":\"4.7\",\"reviewCount\":8675} </script></div></div>\n\n    </div><div\n          class='\n            flex flex-col gap-y-xs items-center\n            \n            group-[.pair-product]:col-start-2 group-[.pair-product]:mt-[-40px] group-[.pair-product]:!items-start group-[.pair-product]:pt-2\n          '\n        ><!-- ##entry##core-quickshop-toggle##endentry## -->\n\n            <quick-shop-toggle\n              \n                class='w-full'\n              \n              product-url='/products/swerve-creme-gel-liner'\n            >\n          \n\n          <button\n            type='button'\n            class='btn w-full !text-[10px] lg:!text-[14px] leading-normal lg:mx-auto group-[.pair-product]:!mx-0'\n            variant='secondary'\n          >\n            choose shade\n\n<div\n    class='\n      inline-flex gap-x-xs justify-start items-center group/price font-bold\n on-sale'\n    \n  >\n    <div class='inline-flex gap-x-2xs'><div class='group-[.on-sale]/price:hidden'><span class='sr-only'>Regular price</span>\n          <span class='font-bold font-bold'>\n            $6.40\n          </span></div>\n      <div class='hidden group-[.on-sale]/price:block'>\n        <span class='sr-only'>Sale price</span>\n        <span class='font-bold text-t-foreground lowercase font-bold hidden'>\n          free gift\n        </span>\n        <span class='font-bold text-t-foreground font-bold'>\n          $6.40\n        </span><span>\n            <s class='line-through text-[inherit] font-bold'>\n              $8.00\n            </s>\n          </span></div>\n      <small class='caption hidden'>\n        <span class='sr-only'>Unit price</span>\n        <span class='font-bold'>\n          <span></span>\n          <span aria-hidden='true'>/</span>\n          <span class='sr-only'>&nbsp;per&nbsp;</span>\n          <span>\n          </span>\n        </span>\n      </small>\n    </div>\n  </div>\n\n</button>\n          \n            </quick-shop-toggle>\n          \n        </div></main-product>\n              \n                \n\n  <main-product\n    \n      section-id='product-card'\n      id='product-card-2371004858450'\n      product-url='/products/black-on-black'\n    \n    \n    class='product-card w-full group relative flex-col group/product-card-image  flex  overflow-hidden bg-white pair-product !py-10 !px-4 [&:nth-child(2n)]:bg-t-foreground-secondary !grid grid-cols-[95px__1fr] gap-x-lg'\n  >\n    \n\n    \n    \n      <a\n        class='block wishlist-product-card'\n        href='/products/black-on-black'\n        sub-section-id='main-image'\n      >\n        <div class='aspect-square bg-gray-200 relative'>\n          \n\n<img src=\"//colourpop.com/cdn/shop/files/Black-On-Black-BFF-Mascara-With-Cap2.jpg?v=1713537838&amp;width=500\" alt=\"ColourPop BFF Mascara Black on Black displayed open, wand upright showing dense bristle brush, with a bold black swatch behind; sleek black tube reads Volumizing Mascara and cap features white heart, star, and smiley icons.\" srcset=\"//colourpop.com/cdn/shop/files/Black-On-Black-BFF-Mascara-With-Cap2.jpg?v=1713537838&amp;width=500 500w\" width=\"500\" height=\"2400.0\" loading=\"lazy\" sizes=\"(min-width: 1440px) 500px, (min-width: 1024px) 33vw, 50vw\" class=\"w-full block h-full w-full object-cover object-center sm:h-full sm:w-full rounded-lg object-cover\" fetchpriority=\"auto\" format=\"webp\">\n\n\n<img src=\"//colourpop.com/cdn/shop/files/mascara.jpg?v=1726068498&amp;width=500\" alt=\"Lashes transforming - after frame shows longer, thicker, jet‑black lashes versus natural before - achieved with ColourPop BFF Mascara in Black on Black, illustrating dramatic length, volume, and curl in a close-up eye comparison.\" srcset=\"//colourpop.com/cdn/shop/files/mascara.jpg?v=1726068498&amp;width=500 500w\" width=\"500\" height=\"1564.0\" loading=\"lazy\" sizes=\"(min-width: 1440px) 500px, (min-width: 1024px) 33vw, 50vw\" class=\"w-full block h-full w-full object-cover object-center sm:h-full sm:w-full rounded-lg opacity-0 absolute inset-0 transition-opacity duration-300 ease-in-out group-hover/product-card-image:opacity-100 object-cover\" fetchpriority=\"auto\" format=\"webp\">\n        </div>\n      </a>\n    \n\n    <div class='flex flex-col flex-1 sm:p-4 sm:pb-0 justify-start gap-1 group-[.pair-product]:pt-0 group-[.pair-product]:ml-0 md:group-[.pair-product]:w-60 group-[.pair-product]:!px-0 group-[.pair-product]:w-full'>\n      <h3 class='text-body font-bold'>\n        <a\n          class='line-clamp-2 text-center group-[.pair-product]:text-left group-[.pair-product]:lowercase'\n          href='/products/black-on-black'\n        >\n          \n            BFF Mascara\n          \n        </a>\n      </h3>\n      \n        <p class='text-center text-caption pb-2 group-[.predictive-search-results-products-list]:text-left sm:group-[.predictive-search-results-products-list]:text-center group-[.pair-product]:text-left'>\n          Volumizing Mascara\n        </p>\n      \n      \n        <p class='text-center text-caption font-bold text-t-foreground pb-1 group-[.pair-product]:hidden'>\n          20% Off. Limited time only.\n        </p>\n      \n\n      \n<div data-oke-star-rating data-oke-reviews-product-id=\"shopify-2371004858450\"><div data-oke-reviews-version=\"0.85.10\" data-oke-container=\"\" class=\"okeReviews oke-sr\"><div class=\"\"><div class=\"oke-sr-rating\"> 4.5 </div><div class=\"oke-sr-stars\"><div class=\"oke-stars\"><!----><div class=\"oke-stars-background\"><svg height=\"11\" viewBox=\"0 0 103.54545454545455 14\" aria-hidden=\"true\" role=\"none\"><use x=\"0\" href=\"#oke-star-empty\"></use><use x=\"22.236363636363635\" href=\"#oke-star-empty\"></use><use x=\"44.47272727272727\" href=\"#oke-star-empty\"></use><use x=\"66.7090909090909\" href=\"#oke-star-empty\"></use><use x=\"88.94545454545454\" href=\"#oke-star-empty\"></use></svg></div><div class=\"oke-stars-foreground\" style=\"width: 92.95%;\"><svg height=\"11\" viewBox=\"0 0 103.54545454545455 14\" aria-hidden=\"true\" role=\"none\"><use x=\"0\" href=\"#oke-star-filled\"></use><use x=\"22.236363636363635\" href=\"#oke-star-filled\"></use><use x=\"44.47272727272727\" href=\"#oke-star-filled\"></use><use x=\"66.7090909090909\" href=\"#oke-star-filled\"></use><use x=\"88.94545454545454\" href=\"#oke-star-filled\"></use></svg></div><span class=\"oke-a11yText\">Rated 4.5 out of 5 stars</span></div></div><div class=\"oke-sr-count\"><span class=\"oke-sr-count-number\">2,806</span><span class=\"oke-sr-label-text\"> Reviews</span><!----></div><!----></div><script type=\"application/json\" data-oke-metafield-data=\"\"> {\"averageRating\":\"4.5\",\"reviewCount\":2806} </script></div></div>\n\n    </div><div\n          class='\n            flex flex-col gap-y-xs items-center\n            \n            group-[.pair-product]:col-start-2 group-[.pair-product]:mt-[-40px] group-[.pair-product]:!items-start group-[.pair-product]:pt-2\n          '\n        ><!-- ##entry##core-quickshop-toggle##endentry## -->\n\n            <quick-shop-toggle\n              \n                class='w-full'\n              \n              product-url='/products/black-on-black'\n            >\n          \n\n          <button\n            type='button'\n            class='btn w-full !text-[10px] lg:!text-[14px] leading-normal lg:mx-auto group-[.pair-product]:!mx-0'\n            variant='secondary'\n          >\n            choose shade\n\n<div\n    class='\n      inline-flex gap-x-xs justify-start items-center group/price font-bold\n on-sale'\n    \n  >\n    <div class='inline-flex gap-x-2xs'><div class='group-[.on-sale]/price:hidden'><span class='sr-only'>Regular price</span>\n          <span class='font-bold font-bold'>\n            $8.00\n          </span></div>\n      <div class='hidden group-[.on-sale]/price:block'>\n        <span class='sr-only'>Sale price</span>\n        <span class='font-bold text-t-foreground lowercase font-bold hidden'>\n          free gift\n        </span>\n        <span class='font-bold text-t-foreground font-bold'>\n          $8.00\n        </span><span>\n            <s class='line-through text-[inherit] font-bold'>\n              $10.00\n            </s>\n          </span></div>\n      <small class='caption hidden'>\n        <span class='sr-only'>Unit price</span>\n        <span class='font-bold'>\n          <span></span>\n          <span aria-hidden='true'>/</span>\n          <span class='sr-only'>&nbsp;per&nbsp;</span>\n          <span>\n          </span>\n        </span>\n      </small>\n    </div>\n  </div>\n\n</button>\n          \n            </quick-shop-toggle>\n          \n        </div></main-product>\n              \n            </div>\n      </div>\n    </div>\n  </div>\n</div>\n\n            </div>\n          \n        \n</section>\n\n  </main-product>\n\n\n\n</section>"}