{"template--16465178198098__main":"<section id=\"shopify-section-template--16465178198098__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: '4196787028050',\n            url: 'https://colourpop.com/products/light-6-w',\n          })\n        })\n      }, 5000)\n    } else if (params.autocomplete == '1') {\n      setTimeout(() => {\n        nostojs((api) => {\n          api.recordSearchClick('autocomplete', {\n            productId: '4196787028050',\n            url: 'https://colourpop.com/products/light-6-w',\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: '4196787028050',\n            url: 'https://colourpop.com/products/light-6-w',\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/light-6-w'\n    variant-id='30322027855954'\n    section-id='template--16465178198098__main'\n    id='template--16465178198098__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/face'>\n            Face\n          </a>\n        </li><li class='inline text-caption'>\n        <a class='pointer-events-none text-caption' href='/products/light-6-w' aria-current='page'>Light 6 W</a>\n      </li></ol>\n</nav>\n</div>\n\n\n\n\n\n<div\n  id='MediaGallery-template--16465178198098__main'\n  role='region'\n  sub-section-id='MediaGallery-template--16465178198098__main'\n  aria-label='Gallery Viewer'\n  \n>\n  \n\n<modal-dialog\n    cloak\n    type='modal'\n    id='MediaGallery-template--16465178198098__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--16465178198098__main-thumbs-swiper-zoom'\n          controller-control='#MediaGallery-template--16465178198098__main-main-swiper'\n        >\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-p-darkest rounded-e-lg duration-300 transition'>\n\n<img src=\"//colourpop.com/cdn/shop/products/4196787028050-Light-6-W-PFSkinTint-Light6W-1.jpg?v=1668561647&amp;width=90\" alt=\"ColourPop Pretty Fresh Tinted Moisturizer Light 6 W angled across a light warm beige swatch, showing peach cap and white pump on a clean white background; hyaluronic acid formula in a soft-matte tube for a natural, skin-tint finish.\" srcset=\"//colourpop.com/cdn/shop/products/4196787028050-Light-6-W-PFSkinTint-Light6W-1.jpg?v=1668561647&amp;width=40 40w, //colourpop.com/cdn/shop/products/4196787028050-Light-6-W-PFSkinTint-Light6W-1.jpg?v=1668561647&amp;width=60 60w, //colourpop.com/cdn/shop/products/4196787028050-Light-6-W-PFSkinTint-Light6W-1.jpg?v=1668561647&amp;width=80 80w, //colourpop.com/cdn/shop/products/4196787028050-Light-6-W-PFSkinTint-Light6W-1.jpg?v=1668561647&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/LIGHT6W_pfgrid_tintedmoisturizer.jpg?v=1726785075&amp;width=90\" alt=\"Model wearing ColourPop Pretty Fresh Tinted Moisturizer in Light 6 W, showing smooth, natural coverage on a close-up face with gold hoop earrings against a peach background.\" srcset=\"//colourpop.com/cdn/shop/files/LIGHT6W_pfgrid_tintedmoisturizer.jpg?v=1726785075&amp;width=40 40w, //colourpop.com/cdn/shop/files/LIGHT6W_pfgrid_tintedmoisturizer.jpg?v=1726785075&amp;width=60 60w, //colourpop.com/cdn/shop/files/LIGHT6W_pfgrid_tintedmoisturizer.jpg?v=1726785075&amp;width=80 80w, //colourpop.com/cdn/shop/files/LIGHT6W_pfgrid_tintedmoisturizer.jpg?v=1726785075&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/Colourpop-Pretty-Fresh-Tinted-Moisturizer-Arm-Swatch-with-Product.jpg?v=1736206489&amp;width=90\" alt=\"ColourPop Pretty Fresh Tinted Moisturizer in Fair 1 N swatched on a forearm, with the pump tube held nearby, shown alongside multiple arms displaying the full shade range against a nude backdrop for easy shade matching.\" srcset=\"//colourpop.com/cdn/shop/files/Colourpop-Pretty-Fresh-Tinted-Moisturizer-Arm-Swatch-with-Product.jpg?v=1736206489&amp;width=40 40w, //colourpop.com/cdn/shop/files/Colourpop-Pretty-Fresh-Tinted-Moisturizer-Arm-Swatch-with-Product.jpg?v=1736206489&amp;width=60 60w, //colourpop.com/cdn/shop/files/Colourpop-Pretty-Fresh-Tinted-Moisturizer-Arm-Swatch-with-Product.jpg?v=1736206489&amp;width=80 80w, //colourpop.com/cdn/shop/files/Colourpop-Pretty-Fresh-Tinted-Moisturizer-Arm-Swatch-with-Product.jpg?v=1736206489&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/PF_BeforeAfter_Tinted_Light_7W_with-Concealer_800x800_8907b2cf-6d07-46ee-9547-16c9767655b7.jpg?v=1739224939&amp;width=90\" alt=\"Side-by-side model wearing ColourPop Pretty Fresh Tinted Moisturizer in Light 5 N, showing before and after results that even skin tone and add a dewy glow; close-up studio shot on a beige background highlighting its hyaluronic acid, vegan formula.\" srcset=\"//colourpop.com/cdn/shop/files/PF_BeforeAfter_Tinted_Light_7W_with-Concealer_800x800_8907b2cf-6d07-46ee-9547-16c9767655b7.jpg?v=1739224939&amp;width=40 40w, //colourpop.com/cdn/shop/files/PF_BeforeAfter_Tinted_Light_7W_with-Concealer_800x800_8907b2cf-6d07-46ee-9547-16c9767655b7.jpg?v=1739224939&amp;width=60 60w, //colourpop.com/cdn/shop/files/PF_BeforeAfter_Tinted_Light_7W_with-Concealer_800x800_8907b2cf-6d07-46ee-9547-16c9767655b7.jpg?v=1739224939&amp;width=80 80w, //colourpop.com/cdn/shop/files/PF_BeforeAfter_Tinted_Light_7W_with-Concealer_800x800_8907b2cf-6d07-46ee-9547-16c9767655b7.jpg?v=1739224939&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/PFTintedMoisturizer-Full-Model-Grid.jpg?v=1739226549&amp;width=90\" alt=\"ColourPop Pretty Fresh Tinted Moisturizer in Fair 1 N delivering lightweight, hydrating coverage on a grid of diverse model close-ups; beige backdrop with vegan and dermatologist-tested icons, featuring hyaluronic acid and coconut water formula.\" srcset=\"//colourpop.com/cdn/shop/files/PFTintedMoisturizer-Full-Model-Grid.jpg?v=1739226549&amp;width=40 40w, //colourpop.com/cdn/shop/files/PFTintedMoisturizer-Full-Model-Grid.jpg?v=1739226549&amp;width=60 60w, //colourpop.com/cdn/shop/files/PFTintedMoisturizer-Full-Model-Grid.jpg?v=1739226549&amp;width=80 80w, //colourpop.com/cdn/shop/files/PFTintedMoisturizer-Full-Model-Grid.jpg?v=1739226549&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/light-group_7de28fbe-dfce-41e0-a1b8-1eb0823c6f01.jpg?v=1738266560&amp;width=90\" alt=\"ColourPop Pretty Fresh Tinted Moisturizer, shade Light 8N, swatched in the bottom row beside Light 5N, 6W, and 7W, with three pump bottles laid horizontally on a peach background, highlighting its hyaluronic acid formula and light neutral tone.\" srcset=\"//colourpop.com/cdn/shop/files/light-group_7de28fbe-dfce-41e0-a1b8-1eb0823c6f01.jpg?v=1738266560&amp;width=40 40w, //colourpop.com/cdn/shop/files/light-group_7de28fbe-dfce-41e0-a1b8-1eb0823c6f01.jpg?v=1738266560&amp;width=60 60w, //colourpop.com/cdn/shop/files/light-group_7de28fbe-dfce-41e0-a1b8-1eb0823c6f01.jpg?v=1738266560&amp;width=80 80w, //colourpop.com/cdn/shop/files/light-group_7de28fbe-dfce-41e0-a1b8-1eb0823c6f01.jpg?v=1738266560&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/Light.png?v=1738376230&amp;width=90\" alt=\"Fair 1 N shade of ColourPop Pretty Fresh Tinted Moisturizer rests in a beige squeeze tube with white pump among matching Pretty Fresh concealer, setting spray, and powder compact on a peach backdrop, highlighting its hyaluronic acid formula.\" srcset=\"//colourpop.com/cdn/shop/files/Light.png?v=1738376230&amp;width=40 40w, //colourpop.com/cdn/shop/files/Light.png?v=1738376230&amp;width=60 60w, //colourpop.com/cdn/shop/files/Light.png?v=1738376230&amp;width=80 80w, //colourpop.com/cdn/shop/files/Light.png?v=1738376230&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-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--16465178198098__main-thumbs-swiper-zoom'\n          auto-scroll-offset='true'\n          navigation='true'\n          slides-per-view='1'\n          id='MediaGallery-template--16465178198098__main-main-swiper-zoom'\n          pagination='true'\n        >\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<img src=\"//colourpop.com/cdn/shop/products/4196787028050-Light-6-W-PFSkinTint-Light6W-1.jpg?v=1668561647&amp;width=600\" alt=\"ColourPop Pretty Fresh Tinted Moisturizer Light 6 W angled across a light warm beige swatch, showing peach cap and white pump on a clean white background; hyaluronic acid formula in a soft-matte tube for a natural, skin-tint finish.\" width=\"600\" height=\"2400.0\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"><div class='swiper-lazy-preloader'></div></swiper-slide>\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<img src=\"//colourpop.com/cdn/shop/files/LIGHT6W_pfgrid_tintedmoisturizer.jpg?v=1726785075&amp;width=600\" alt=\"Model wearing ColourPop Pretty Fresh Tinted Moisturizer in Light 6 W, showing smooth, natural coverage on a close-up face with gold hoop earrings against a peach 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/Colourpop-Pretty-Fresh-Tinted-Moisturizer-Arm-Swatch-with-Product.jpg?v=1736206489&amp;width=600\" alt=\"ColourPop Pretty Fresh Tinted Moisturizer in Fair 1 N swatched on a forearm, with the pump tube held nearby, shown alongside multiple arms displaying the full shade range against a nude backdrop for easy shade matching.\" 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/PF_BeforeAfter_Tinted_Light_7W_with-Concealer_800x800_8907b2cf-6d07-46ee-9547-16c9767655b7.jpg?v=1739224939&amp;width=600\" alt=\"Side-by-side model wearing ColourPop Pretty Fresh Tinted Moisturizer in Light 5 N, showing before and after results that even skin tone and add a dewy glow; close-up studio shot on a beige background highlighting its hyaluronic acid, vegan formula.\" 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/PFTintedMoisturizer-Full-Model-Grid.jpg?v=1739226549&amp;width=600\" alt=\"ColourPop Pretty Fresh Tinted Moisturizer in Fair 1 N delivering lightweight, hydrating coverage on a grid of diverse model close-ups; beige backdrop with vegan and dermatologist-tested icons, featuring hyaluronic acid and coconut water formula.\" 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/light-group_7de28fbe-dfce-41e0-a1b8-1eb0823c6f01.jpg?v=1738266560&amp;width=600\" alt=\"ColourPop Pretty Fresh Tinted Moisturizer, shade Light 8N, swatched in the bottom row beside Light 5N, 6W, and 7W, with three pump bottles laid horizontally on a peach background, highlighting its hyaluronic acid formula and light neutral tone.\" 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/Light.png?v=1738376230&amp;width=600\" alt=\"Fair 1 N shade of ColourPop Pretty Fresh Tinted Moisturizer rests in a beige squeeze tube with white pump among matching Pretty Fresh concealer, setting spray, and powder compact on a peach backdrop, highlighting its hyaluronic acid formula.\" 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-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--16465178198098__main-thumbs-swiper'\n          navigation-next-el='.swiper-button-next-template--16465178198098__main'\n          navigation-prev-el='.swiper-button-prev-template--16465178198098__main'\n          breakpoints='{ \"1024\": { \"slidesPerView\": 4 } }'\n        >\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-1 aspect-square p-1.5 border border-solid rounded-[10px] border-p-lightest [&.swiper-slide-thumb-active]:border-p-darkest duration-300 transition overflow-hidden cursor-pointer'>\n              <div class='relative w-full h-full rounded-md overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/products/4196787028050-Light-6-W-PFSkinTint-Light6W-1.jpg?v=1668561647&amp;width=120\" alt=\"ColourPop Pretty Fresh Tinted Moisturizer Light 6 W angled across a light warm beige swatch, showing peach cap and white pump on a clean white background; hyaluronic acid formula in a soft-matte tube for a natural, skin-tint finish.\" srcset=\"//colourpop.com/cdn/shop/products/4196787028050-Light-6-W-PFSkinTint-Light6W-1.jpg?v=1668561647&amp;width=60 60w, //colourpop.com/cdn/shop/products/4196787028050-Light-6-W-PFSkinTint-Light6W-1.jpg?v=1668561647&amp;width=80 80w, //colourpop.com/cdn/shop/products/4196787028050-Light-6-W-PFSkinTint-Light6W-1.jpg?v=1668561647&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/LIGHT6W_pfgrid_tintedmoisturizer.jpg?v=1726785075&amp;width=120\" alt=\"Model wearing ColourPop Pretty Fresh Tinted Moisturizer in Light 6 W, showing smooth, natural coverage on a close-up face with gold hoop earrings against a peach background.\" srcset=\"//colourpop.com/cdn/shop/files/LIGHT6W_pfgrid_tintedmoisturizer.jpg?v=1726785075&amp;width=60 60w, //colourpop.com/cdn/shop/files/LIGHT6W_pfgrid_tintedmoisturizer.jpg?v=1726785075&amp;width=80 80w, //colourpop.com/cdn/shop/files/LIGHT6W_pfgrid_tintedmoisturizer.jpg?v=1726785075&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/Colourpop-Pretty-Fresh-Tinted-Moisturizer-Arm-Swatch-with-Product.jpg?v=1736206489&amp;width=120\" alt=\"ColourPop Pretty Fresh Tinted Moisturizer in Fair 1 N swatched on a forearm, with the pump tube held nearby, shown alongside multiple arms displaying the full shade range against a nude backdrop for easy shade matching.\" srcset=\"//colourpop.com/cdn/shop/files/Colourpop-Pretty-Fresh-Tinted-Moisturizer-Arm-Swatch-with-Product.jpg?v=1736206489&amp;width=60 60w, //colourpop.com/cdn/shop/files/Colourpop-Pretty-Fresh-Tinted-Moisturizer-Arm-Swatch-with-Product.jpg?v=1736206489&amp;width=80 80w, //colourpop.com/cdn/shop/files/Colourpop-Pretty-Fresh-Tinted-Moisturizer-Arm-Swatch-with-Product.jpg?v=1736206489&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/PF_BeforeAfter_Tinted_Light_7W_with-Concealer_800x800_8907b2cf-6d07-46ee-9547-16c9767655b7.jpg?v=1739224939&amp;width=120\" alt=\"Side-by-side model wearing ColourPop Pretty Fresh Tinted Moisturizer in Light 5 N, showing before and after results that even skin tone and add a dewy glow; close-up studio shot on a beige background highlighting its hyaluronic acid, vegan formula.\" srcset=\"//colourpop.com/cdn/shop/files/PF_BeforeAfter_Tinted_Light_7W_with-Concealer_800x800_8907b2cf-6d07-46ee-9547-16c9767655b7.jpg?v=1739224939&amp;width=60 60w, //colourpop.com/cdn/shop/files/PF_BeforeAfter_Tinted_Light_7W_with-Concealer_800x800_8907b2cf-6d07-46ee-9547-16c9767655b7.jpg?v=1739224939&amp;width=80 80w, //colourpop.com/cdn/shop/files/PF_BeforeAfter_Tinted_Light_7W_with-Concealer_800x800_8907b2cf-6d07-46ee-9547-16c9767655b7.jpg?v=1739224939&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/PFTintedMoisturizer-Full-Model-Grid.jpg?v=1739226549&amp;width=120\" alt=\"ColourPop Pretty Fresh Tinted Moisturizer in Fair 1 N delivering lightweight, hydrating coverage on a grid of diverse model close-ups; beige backdrop with vegan and dermatologist-tested icons, featuring hyaluronic acid and coconut water formula.\" srcset=\"//colourpop.com/cdn/shop/files/PFTintedMoisturizer-Full-Model-Grid.jpg?v=1739226549&amp;width=60 60w, //colourpop.com/cdn/shop/files/PFTintedMoisturizer-Full-Model-Grid.jpg?v=1739226549&amp;width=80 80w, //colourpop.com/cdn/shop/files/PFTintedMoisturizer-Full-Model-Grid.jpg?v=1739226549&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/light-group_7de28fbe-dfce-41e0-a1b8-1eb0823c6f01.jpg?v=1738266560&amp;width=120\" alt=\"ColourPop Pretty Fresh Tinted Moisturizer, shade Light 8N, swatched in the bottom row beside Light 5N, 6W, and 7W, with three pump bottles laid horizontally on a peach background, highlighting its hyaluronic acid formula and light neutral tone.\" srcset=\"//colourpop.com/cdn/shop/files/light-group_7de28fbe-dfce-41e0-a1b8-1eb0823c6f01.jpg?v=1738266560&amp;width=60 60w, //colourpop.com/cdn/shop/files/light-group_7de28fbe-dfce-41e0-a1b8-1eb0823c6f01.jpg?v=1738266560&amp;width=80 80w, //colourpop.com/cdn/shop/files/light-group_7de28fbe-dfce-41e0-a1b8-1eb0823c6f01.jpg?v=1738266560&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/Light.png?v=1738376230&amp;width=120\" alt=\"Fair 1 N shade of ColourPop Pretty Fresh Tinted Moisturizer rests in a beige squeeze tube with white pump among matching Pretty Fresh concealer, setting spray, and powder compact on a peach backdrop, highlighting its hyaluronic acid formula.\" srcset=\"//colourpop.com/cdn/shop/files/Light.png?v=1738376230&amp;width=60 60w, //colourpop.com/cdn/shop/files/Light.png?v=1738376230&amp;width=80 80w, //colourpop.com/cdn/shop/files/Light.png?v=1738376230&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-container><button\n            class='swiper-button-prev swiper-button-prev-template--16465178198098__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--16465178198098__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--16465178198098__main-thumbs-swiper'\n          controller-control='#MediaGallery-template--16465178198098__main-main-swiper-zoom'\n          auto-scroll-offset='true'\n          id='MediaGallery-template--16465178198098__main-main-swiper'\n          \n            pagination='{ \"clickable\": true, \"el\": \".swiper-pagination\" }'\n          \n        >\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/products/4196787028050-Light-6-W-PFSkinTint-Light6W-1.jpg?v=1668561647&amp;width=620\" alt=\"ColourPop Pretty Fresh Tinted Moisturizer Light 6 W angled across a light warm beige swatch, showing peach cap and white pump on a clean white background; hyaluronic acid formula in a soft-matte tube for a natural, skin-tint finish.\" srcset=\"//colourpop.com/cdn/shop/products/4196787028050-Light-6-W-PFSkinTint-Light6W-1.jpg?v=1668561647&amp;width=600 600w, //colourpop.com/cdn/shop/products/4196787028050-Light-6-W-PFSkinTint-Light6W-1.jpg?v=1668561647&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--16465178198098__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/LIGHT6W_pfgrid_tintedmoisturizer.jpg?v=1726785075&amp;width=620\" alt=\"Model wearing ColourPop Pretty Fresh Tinted Moisturizer in Light 6 W, showing smooth, natural coverage on a close-up face with gold hoop earrings against a peach background.\" srcset=\"//colourpop.com/cdn/shop/files/LIGHT6W_pfgrid_tintedmoisturizer.jpg?v=1726785075&amp;width=600 600w, //colourpop.com/cdn/shop/files/LIGHT6W_pfgrid_tintedmoisturizer.jpg?v=1726785075&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--16465178198098__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/Colourpop-Pretty-Fresh-Tinted-Moisturizer-Arm-Swatch-with-Product.jpg?v=1736206489&amp;width=620\" alt=\"ColourPop Pretty Fresh Tinted Moisturizer in Fair 1 N swatched on a forearm, with the pump tube held nearby, shown alongside multiple arms displaying the full shade range against a nude backdrop for easy shade matching.\" srcset=\"//colourpop.com/cdn/shop/files/Colourpop-Pretty-Fresh-Tinted-Moisturizer-Arm-Swatch-with-Product.jpg?v=1736206489&amp;width=600 600w, //colourpop.com/cdn/shop/files/Colourpop-Pretty-Fresh-Tinted-Moisturizer-Arm-Swatch-with-Product.jpg?v=1736206489&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--16465178198098__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/PF_BeforeAfter_Tinted_Light_7W_with-Concealer_800x800_8907b2cf-6d07-46ee-9547-16c9767655b7.jpg?v=1739224939&amp;width=620\" alt=\"Side-by-side model wearing ColourPop Pretty Fresh Tinted Moisturizer in Light 5 N, showing before and after results that even skin tone and add a dewy glow; close-up studio shot on a beige background highlighting its hyaluronic acid, vegan formula.\" srcset=\"//colourpop.com/cdn/shop/files/PF_BeforeAfter_Tinted_Light_7W_with-Concealer_800x800_8907b2cf-6d07-46ee-9547-16c9767655b7.jpg?v=1739224939&amp;width=600 600w, //colourpop.com/cdn/shop/files/PF_BeforeAfter_Tinted_Light_7W_with-Concealer_800x800_8907b2cf-6d07-46ee-9547-16c9767655b7.jpg?v=1739224939&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--16465178198098__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/PFTintedMoisturizer-Full-Model-Grid.jpg?v=1739226549&amp;width=620\" alt=\"ColourPop Pretty Fresh Tinted Moisturizer in Fair 1 N delivering lightweight, hydrating coverage on a grid of diverse model close-ups; beige backdrop with vegan and dermatologist-tested icons, featuring hyaluronic acid and coconut water formula.\" srcset=\"//colourpop.com/cdn/shop/files/PFTintedMoisturizer-Full-Model-Grid.jpg?v=1739226549&amp;width=600 600w, //colourpop.com/cdn/shop/files/PFTintedMoisturizer-Full-Model-Grid.jpg?v=1739226549&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--16465178198098__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/light-group_7de28fbe-dfce-41e0-a1b8-1eb0823c6f01.jpg?v=1738266560&amp;width=620\" alt=\"ColourPop Pretty Fresh Tinted Moisturizer, shade Light 8N, swatched in the bottom row beside Light 5N, 6W, and 7W, with three pump bottles laid horizontally on a peach background, highlighting its hyaluronic acid formula and light neutral tone.\" srcset=\"//colourpop.com/cdn/shop/files/light-group_7de28fbe-dfce-41e0-a1b8-1eb0823c6f01.jpg?v=1738266560&amp;width=600 600w, //colourpop.com/cdn/shop/files/light-group_7de28fbe-dfce-41e0-a1b8-1eb0823c6f01.jpg?v=1738266560&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--16465178198098__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/Light.png?v=1738376230&amp;width=620\" alt=\"Fair 1 N shade of ColourPop Pretty Fresh Tinted Moisturizer rests in a beige squeeze tube with white pump among matching Pretty Fresh concealer, setting spray, and powder compact on a peach backdrop, highlighting its hyaluronic acid formula.\" srcset=\"//colourpop.com/cdn/shop/files/Light.png?v=1738376230&amp;width=600 600w, //colourpop.com/cdn/shop/files/Light.png?v=1738376230&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--16465178198098__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--16465178198098__main'\n  class='grid grid-cols-1 gap-y-xs place-content-start product-info z-20 '\n>\n<div sub-section-id='badges' class='flex gap-2 empty:hidden '></div>\n<div  sub-section-id='title'>\n          <h1 class='break-words h2 lg:h3'>\n            Pretty Fresh Hyaluronic Acid Tinted Moisturizer\n          </h1><h2 class='p '>\n              Light 6 W\n            </h2></div><div id=\"shopify-block-AZXBsdWVZVThKbW1Ua__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-4196787028050\"\n    >\n        <div data-oke-reviews-version=\"0.94.3\" 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\">1,688</span><span class=\"oke-sr-label-text\"> Reviews</span><!----></div><!----></div><script type=\"application/json\" data-oke-metafield-data=\"\"> {\"averageRating\":\"4.7\",\"reviewCount\":1688} </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='fair-1-n'\n    name='sibling-picker'\n    value='fair-1-n'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/fair-1-n\"\n  data-option-value-id=\"30321770528850\"\n  data-variant-id=\"30321770528850\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='fair-1-n'\n    title='fair-1-n'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Fair_1N_PF_TM_Circle_Swatch.webp?v=1700329916&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/fair-1-n?variant=30321770528850&sections=template--16465178198098__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='fair-2-w'\n    name='sibling-picker'\n    value='fair-2-w'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/fair-2-w\"\n  data-option-value-id=\"30321894654034\"\n  data-variant-id=\"30321894654034\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='fair-2-w'\n    title='fair-2-w'\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/Fair_2W_PF_TM_Circle_Swatch.webp?v=1700329916&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/fair-2-w?variant=30321894654034&sections=template--16465178198098__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='fair-3-w'\n    name='sibling-picker'\n    value='fair-3-w'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/fair-3-w\"\n  data-option-value-id=\"30321936269394\"\n  data-variant-id=\"30321936269394\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='fair-3-w'\n    title='fair-3-w'\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/Fair_3W_PF_TM_Circle_Swatch.webp?v=1700329916&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/fair-3-w?variant=30321936269394&sections=template--16465178198098__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='fair-4-n'\n    name='sibling-picker'\n    value='fair-4-n'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/fair-4-n\"\n  data-option-value-id=\"30321979686994\"\n  data-variant-id=\"30321979686994\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='fair-4-n'\n    title='fair-4-n'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Fair_4N_PF_TM_Circle_Swatch.webp?v=1700329916&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/fair-4-n?variant=30321979686994&sections=template--16465178198098__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='light-5-n'\n    name='sibling-picker'\n    value='light-5-n'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/light-5-n\"\n  data-option-value-id=\"30322003148882\"\n  data-variant-id=\"30322003148882\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='light-5-n'\n    title='light-5-n'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Light_5N_PF_TM_Circle_Swatch.webp?v=1700329916&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/light-5-n?variant=30322003148882&sections=template--16465178198098__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='light-6-w'\n    name='sibling-picker'\n    value='light-6-w'\n    form=''\n    class='sr-only'\n    \n      checked\n    \n    \n    \n      data-product-url=\"/products/light-6-w\"\n  data-option-value-id=\"30322027855954\"\n  data-variant-id=\"30322027855954\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='light-6-w'\n    title='light-6-w'\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/Light_6W_PF_TM_Circle_Swatch.webp?v=1700329916&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/light-6-w?variant=30322027855954&sections=template--16465178198098__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='light-7-w'\n    name='sibling-picker'\n    value='light-7-w'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/light-7-w\"\n  data-option-value-id=\"30322044502098\"\n  data-variant-id=\"30322044502098\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='light-7-w'\n    title='light-7-w'\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/Light_7W_PF_TM_Circle_Swatch.webp?v=1700329917&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/light-7-w?variant=30322044502098&sections=template--16465178198098__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='light-8-n'\n    name='sibling-picker'\n    value='light-8-n'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/light-8-n\"\n  data-option-value-id=\"30322061836370\"\n  data-variant-id=\"30322061836370\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='light-8-n'\n    title='light-8-n'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Light_8N_PF_TM_Circle_Swatch.webp?v=1700329916&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/light-8-n?variant=30322061836370&sections=template--16465178198098__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='medium-9-w'\n    name='sibling-picker'\n    value='medium-9-w'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/medium-9-w\"\n  data-option-value-id=\"30322083135570\"\n  data-variant-id=\"30322083135570\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='medium-9-w'\n    title='medium-9-w'\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/Medium_9W_PF_TM_Circle_Swatch.webp?v=1700329916&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/medium-9-w?variant=30322083135570&sections=template--16465178198098__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='medium-10-n'\n    name='sibling-picker'\n    value='medium-10-n'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/medium-10-n\"\n  data-option-value-id=\"30322109415506\"\n  data-variant-id=\"30322109415506\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='medium-10-n'\n    title='medium-10-n'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Medium_10W_PF_TM_Circle_Swatch.webp?v=1700329916&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/medium-10-n?variant=30322109415506&sections=template--16465178198098__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='med-11-n'\n    name='sibling-picker'\n    value='med-11-n'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/med-11-n\"\n  data-option-value-id=\"30322130878546\"\n  data-variant-id=\"30322130878546\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='med-11-n'\n    title='med-11-n'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Medium_11N_PF_TM_Circle_Swatch.webp?v=1700329916&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/med-11-n?variant=30322130878546&sections=template--16465178198098__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='medium-12-w'\n    name='sibling-picker'\n    value='medium-12-w'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/medium-12-w\"\n  data-option-value-id=\"30322159059026\"\n  data-variant-id=\"30322159059026\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='medium-12-w'\n    title='medium-12-w'\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/Medium_12W_PF_TM_Circle_Swatch.webp?v=1700329916&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/medium-12-w?variant=30322159059026&sections=template--16465178198098__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='medium-dark-13-w'\n    name='sibling-picker'\n    value='medium-dark-13-w'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/medium-dark-13-w\"\n  data-option-value-id=\"30322215878738\"\n  data-variant-id=\"30322215878738\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='medium-dark-13-w'\n    title='medium-dark-13-w'\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/Medium_Dark_13W_PF_TM_Circle_Swatch.webp?v=1700329916&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/medium-dark-13-w?variant=30322215878738&sections=template--16465178198098__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='medium-dark-14-w'\n    name='sibling-picker'\n    value='medium-dark-14-w'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/medium-dark-14-w\"\n  data-option-value-id=\"30322278269010\"\n  data-variant-id=\"30322278269010\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='medium-dark-14-w'\n    title='medium-dark-14-w'\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/Medium_Dark_14W_PF_TM_Circle_Swatch.webp?v=1700329916&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/medium-dark-14-w?variant=30322278269010&sections=template--16465178198098__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='medium-dark-15-w'\n    name='sibling-picker'\n    value='medium-dark-15-w'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/medium-dark-15-w\"\n  data-option-value-id=\"30322371330130\"\n  data-variant-id=\"30322371330130\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='medium-dark-15-w'\n    title='medium-dark-15-w'\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/Medium_Dark_15W_PF_TM_Circle_Swatch.webp?v=1700329916&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/medium-dark-15-w?variant=30322371330130&sections=template--16465178198098__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='medium-dark-16-n'\n    name='sibling-picker'\n    value='medium-dark-16-n'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/medium-dark-16-n\"\n  data-option-value-id=\"30322444173394\"\n  data-variant-id=\"30322444173394\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='medium-dark-16-n'\n    title='medium-dark-16-n'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Medium_Dark_16N_PF_TM_Circle_Swatch.webp?v=1700329916&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/medium-dark-16-n?variant=30322444173394&sections=template--16465178198098__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='dark-17-n'\n    name='sibling-picker'\n    value='dark-17-n'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/dark-17-n\"\n  data-option-value-id=\"30322533236818\"\n  data-variant-id=\"30322533236818\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='dark-17-n'\n    title='dark-17-n'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Dark_17N_PF_TM_Circle_Swatch.webp?v=1700329916&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/dark-17-n?variant=30322533236818&sections=template--16465178198098__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='dark-18-w'\n    name='sibling-picker'\n    value='dark-18-w'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/dark-18-w\"\n  data-option-value-id=\"30322612043858\"\n  data-variant-id=\"30322612043858\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='dark-18-w'\n    title='dark-18-w'\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/Dark_18W_PF_TM_Circle_Swatch.webp?v=1700329916&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/dark-18-w?variant=30322612043858&sections=template--16465178198098__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='dark-19-n'\n    name='sibling-picker'\n    value='dark-19-n'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/dark-19-n\"\n  data-option-value-id=\"30322675023954\"\n  data-variant-id=\"30322675023954\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='dark-19-n'\n    title='dark-19-n'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Dark_19N_PF_TM_Circle_Swatch.webp?v=1700329916&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/dark-19-n?variant=30322675023954&sections=template--16465178198098__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='dark-20-n'\n    name='sibling-picker'\n    value='dark-20-n'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/dark-20-n\"\n  data-option-value-id=\"30322733514834\"\n  data-variant-id=\"30322733514834\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='dark-20-n'\n    title='dark-20-n'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Dark_20N_PF_TM_Circle_Swatch.webp?v=1700329916&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/dark-20-n?variant=30322733514834&sections=template--16465178198098__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-dark-21-w'\n    name='sibling-picker'\n    value='deep-dark-21-w'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/deep-dark-21-w\"\n  data-option-value-id=\"30322784763986\"\n  data-variant-id=\"30322784763986\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='deep-dark-21-w'\n    title='deep-dark-21-w'\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_Dark_21W_PF_TM_Circle_Swatch.webp?v=1700329916&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-dark-21-w?variant=30322784763986&sections=template--16465178198098__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-dark-22-n'\n    name='sibling-picker'\n    value='deep-dark-22-n'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/deep-dark-22-n\"\n  data-option-value-id=\"30322870550610\"\n  data-variant-id=\"30322870550610\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='deep-dark-22-n'\n    title='deep-dark-22-n'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Deep_Dark_22N_PF_TM_Circle_Swatch.webp?v=1700329916&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-dark-22-n?variant=30322870550610&sections=template--16465178198098__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-dark-23-n'\n    name='sibling-picker'\n    value='deep-dark-23-n'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/deep-dark-23-n\"\n  data-option-value-id=\"30322920390738\"\n  data-variant-id=\"30322920390738\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='deep-dark-23-n'\n    title='deep-dark-23-n'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Deep_Dark_23N_PF_TM_Circle_Swatch.webp?v=1700329916&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-dark-23-n?variant=30322920390738&sections=template--16465178198098__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-dark-24-n'\n    name='sibling-picker'\n    value='deep-dark-24-n'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/deep-dark-24-n\"\n  data-option-value-id=\"30322959810642\"\n  data-variant-id=\"30322959810642\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='deep-dark-24-n'\n    title='deep-dark-24-n'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Deep_Dark_24N_PF_TM_Circle_Swatch.webp?v=1700329916&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-dark-24-n?variant=30322959810642&sections=template--16465178198098__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-4196787028050\"\n        value=\"30322027855954\"\n        name=\"sibling-picker-4196787028050\"\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-4196787028050\"\n        value=\"30322027855954\"\n        name=\"sibling-picker-4196787028050\"\n\n        \n\n        \n        \n\n        \n\n        \n\n        \n      \n          >\n            \n        \n          <option value=\"30321770528850\"\n            \n            data-variant-id=\"30321770528850\"\n            data-product-url=\"/products/fair-1-n\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"4054\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Fair_1N_PF_TM_Circle_Swatch.webp?v=1700329916&width=40\"\n            \n            \n            data-swatch-hex=\"#eecfb2\"\n            data-shade-description=\"Neutral very fair\"data-short-description=\"Fair 1 N\"data-type=\"Pretty Fresh Tinted Moisturizer\"\n            data-image=\"//colourpop.com/cdn/shop/products/4196596940882-Fair-1-N-PFSkinTint-Fair1N-1.jpg?v=1668561589&width=90\"\n          >\n            Fair 1 N\n          </option>\n        \n          <option value=\"30321894654034\"\n            \n            data-variant-id=\"30321894654034\"\n            data-product-url=\"/products/fair-2-w\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"5092\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Fair_2W_PF_TM_Circle_Swatch.webp?v=1700329916&width=40\"\n            \n            \n            data-swatch-hex=\"#f1d2a4\"\n            data-shade-description=\"Warm very fair\"data-short-description=\"Fair 2 W\"data-type=\"Pretty Fresh Tinted Moisturizer\"\n            data-image=\"//colourpop.com/cdn/shop/products/4196688429138-Fair-2-W-PFSkinTint-Fair2W-1.jpg?v=1668561600&width=90\"\n          >\n            Fair 2 W\n          </option>\n        \n          <option value=\"30321936269394\"\n            \n            data-variant-id=\"30321936269394\"\n            data-product-url=\"/products/fair-3-w\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"39\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Fair_3W_PF_TM_Circle_Swatch.webp?v=1700329916&width=40\"\n            \n            \n            data-swatch-hex=\"#e8c698\"\n            data-shade-description=\"Warm fair\"data-short-description=\"Fair 3 W\"data-type=\"Pretty Fresh Tinted Moisturizer\"\n            data-image=\"//colourpop.com/cdn/shop/products/4196721655890-Fair-3-W-PFSkinTint-Fair3W-1.jpg?v=1668561612&width=90\"\n          >\n            Fair 3 W\n          </option>\n        \n          <option value=\"30321979686994\"\n            \n            data-variant-id=\"30321979686994\"\n            data-product-url=\"/products/fair-4-n\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"103\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Fair_4N_PF_TM_Circle_Swatch.webp?v=1700329916&width=40\"\n            \n            \n            data-swatch-hex=\"#eac29e\"\n            data-shade-description=\"Neutral fair\"data-short-description=\"Fair 4 N\"data-type=\"Pretty Fresh Tinted Moisturizer\"\n            data-image=\"//colourpop.com/cdn/shop/products/4196749738066-Fair-4-N-PFSkinTint-Fair4N-1.jpg?v=1668561624&width=90\"\n          >\n            Fair 4 N\n          </option>\n        \n          <option value=\"30322003148882\"\n            \n            data-variant-id=\"30322003148882\"\n            data-product-url=\"/products/light-5-n\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"4791\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Light_5N_PF_TM_Circle_Swatch.webp?v=1700329916&width=40\"\n            \n            \n            data-swatch-hex=\"#e8c09c\"\n            data-shade-description=\"Neutral very light\"data-short-description=\"Light 5 N\"data-type=\"Pretty Fresh Tinted Moisturizer\"\n            data-image=\"//colourpop.com/cdn/shop/products/4196769300562-Light-5-N-PFSkinTint-Light5N-1.jpg?v=1668561635&width=90\"\n          >\n            Light 5 N\n          </option>\n        \n          <option value=\"30322027855954\"\n            \n              selected\n            \n            data-variant-id=\"30322027855954\"\n            data-product-url=\"/products/light-6-w\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"123\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Light_6W_PF_TM_Circle_Swatch.webp?v=1700329916&width=40\"\n            \n            \n            data-swatch-hex=\"#e2c4a2\"\n            data-shade-description=\"Warm very light\"data-short-description=\"Light 6 W\"data-type=\"Pretty Fresh Tinted Moisturizer\"\n            data-image=\"//colourpop.com/cdn/shop/products/4196787028050-Light-6-W-PFSkinTint-Light6W-1.jpg?v=1668561647&width=90\"\n          >\n            Light 6 W\n          </option>\n        \n          <option value=\"30322044502098\"\n            \n            data-variant-id=\"30322044502098\"\n            data-product-url=\"/products/light-7-w\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"7034\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Light_7W_PF_TM_Circle_Swatch.webp?v=1700329917&width=40\"\n            \n            \n            data-swatch-hex=\"#ecc197\"\n            data-shade-description=\"Warm light\"data-short-description=\"Light 7 W\"data-type=\"Pretty Fresh Tinted Moisturizer\"\n            data-image=\"//colourpop.com/cdn/shop/products/4196797087826-Light-7-W-PFSkinTint-Light7W-1.jpg?v=1668561661&width=90\"\n          >\n            Light 7 W\n          </option>\n        \n          <option value=\"30322061836370\"\n            \n            data-variant-id=\"30322061836370\"\n            data-product-url=\"/products/light-8-n\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"2793\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Light_8N_PF_TM_Circle_Swatch.webp?v=1700329916&width=40\"\n            \n            \n            data-swatch-hex=\"#e5bc9e\"\n            data-shade-description=\"Neutral light\"data-short-description=\"Light 8 N\"data-type=\"Pretty Fresh Tinted Moisturizer\"\n            data-image=\"//colourpop.com/cdn/shop/products/4196806688850-Light-8-N-PFSkinTint-Light8N-1.jpg?v=1668561672&width=90\"\n          >\n            Light 8 N\n          </option>\n        \n          <option value=\"30322083135570\"\n            \n            data-variant-id=\"30322083135570\"\n            data-product-url=\"/products/medium-9-w\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"2845\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Medium_9W_PF_TM_Circle_Swatch.webp?v=1700329916&width=40\"\n            \n            \n            data-swatch-hex=\"#dd9e69\"\n            data-shade-description=\"Warm medium\"data-short-description=\"Medium 9 W\"data-type=\"Pretty Fresh Tinted Moisturizer\"\n            data-image=\"//colourpop.com/cdn/shop/products/4196819206226-Medium-9-W-PFSkinTint-Med9W-1.jpg?v=1668561684&width=90\"\n          >\n            Medium 9 W\n          </option>\n        \n          <option value=\"30322109415506\"\n            \n            data-variant-id=\"30322109415506\"\n            data-product-url=\"/products/medium-10-n\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"2626\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Medium_10W_PF_TM_Circle_Swatch.webp?v=1700329916&width=40\"\n            \n            \n            data-swatch-hex=\"#db9d6d\"\n            data-shade-description=\"Neutral medium\"data-short-description=\"Medium 10 N\"data-type=\"Pretty Fresh Tinted Moisturizer\"\n            data-image=\"//colourpop.com/cdn/shop/products/4196835688530-Medium-10-N-PFSkinTint-Med10N-1.jpg?v=1668561699&width=90\"\n          >\n            Medium 10 N\n          </option>\n        \n          <option value=\"30322130878546\"\n            \n            data-variant-id=\"30322130878546\"\n            data-product-url=\"/products/med-11-n\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"6571\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Medium_11N_PF_TM_Circle_Swatch.webp?v=1700329916&width=40\"\n            \n            \n            data-swatch-hex=\"#cd9268\"\n            data-shade-description=\"Neutral medium\"data-short-description=\"Medium 11 N\"data-type=\"Pretty Fresh Tinted Moisturizer\"\n            data-image=\"//colourpop.com/cdn/shop/products/4196850106450-Medium-11-N-PFSkinTint-Med11N-1.jpg?v=1668561711&width=90\"\n          >\n            Medium 11 N\n          </option>\n        \n          <option value=\"30322159059026\"\n            \n            data-variant-id=\"30322159059026\"\n            data-product-url=\"/products/medium-12-w\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"1682\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Medium_12W_PF_TM_Circle_Swatch.webp?v=1700329916&width=40\"\n            \n            \n            data-swatch-hex=\"#d49f75\"\n            data-shade-description=\"Warm medium\"data-short-description=\"Medium 12 W\"data-type=\"Pretty Fresh Tinted Moisturizer\"\n            data-image=\"//colourpop.com/cdn/shop/products/4196867899474-Medium-12-W-PFSkinTint-Med12W-1.jpg?v=1668561723&width=90\"\n          >\n            Medium 12 W\n          </option>\n        \n          <option value=\"30322215878738\"\n            \n            data-variant-id=\"30322215878738\"\n            data-product-url=\"/products/medium-dark-13-w\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"4513\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Medium_Dark_13W_PF_TM_Circle_Swatch.webp?v=1700329916&width=40\"\n            \n            \n            data-swatch-hex=\"#bd8459\"\n            data-shade-description=\"Warm medium dark\"data-short-description=\"Medium Dark 13 W\"data-type=\"Pretty Fresh Tinted Moisturizer\"\n            data-image=\"//colourpop.com/cdn/shop/products/4196890345554-Medium-Dark-13-W-PFSkinTint-MedDark13W-1.jpg?v=1668561734&width=90\"\n          >\n            Medium Dark 13 W\n          </option>\n        \n          <option value=\"30322278269010\"\n            \n            data-variant-id=\"30322278269010\"\n            data-product-url=\"/products/medium-dark-14-w\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"1526\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Medium_Dark_14W_PF_TM_Circle_Swatch.webp?v=1700329916&width=40\"\n            \n            \n            data-swatch-hex=\"#bc7d54\"\n            data-shade-description=\"Warm medium dark\"data-short-description=\"Medium Dark 14 W\"data-type=\"Pretty Fresh Tinted Moisturizer\"\n            data-image=\"//colourpop.com/cdn/shop/products/4196911415378-Medium-Dark-14-W-PFSkinTint-MedDark14W-1.jpg?v=1668561745&width=90\"\n          >\n            Medium Dark 14 W\n          </option>\n        \n          <option value=\"30322371330130\"\n            \n            data-variant-id=\"30322371330130\"\n            data-product-url=\"/products/medium-dark-15-w\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"4236\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Medium_Dark_15W_PF_TM_Circle_Swatch.webp?v=1700329916&width=40\"\n            \n            \n            data-swatch-hex=\"#c28358\"\n            data-shade-description=\"Warm medium dark\"data-short-description=\"Medium Dark 15 W\"data-type=\"Pretty Fresh Tinted Moisturizer\"\n            data-image=\"//colourpop.com/cdn/shop/products/4196945330258-Medium-Dark-15-W-PFSkinTint-MedDark15W-1.jpg?v=1668561756&width=90\"\n          >\n            Medium Dark 15 W\n          </option>\n        \n          <option value=\"30322444173394\"\n            \n            data-variant-id=\"30322444173394\"\n            data-product-url=\"/products/medium-dark-16-n\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"7365\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Medium_Dark_16N_PF_TM_Circle_Swatch.webp?v=1700329916&width=40\"\n            \n            \n            data-swatch-hex=\"#b67b5b\"\n            data-shade-description=\"Neutral medium dark\"data-short-description=\"Medium Dark 16 N\"data-type=\"Pretty Fresh Tinted Moisturizer\"\n            data-image=\"//colourpop.com/cdn/shop/products/4196971937874-Medium-Dark-16-N-PFSkinTint-MedDark16N-1.jpg?v=1668561767&width=90\"\n          >\n            Medium Dark 16 N\n          </option>\n        \n          <option value=\"30322533236818\"\n            \n            data-variant-id=\"30322533236818\"\n            data-product-url=\"/products/dark-17-n\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"31\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Dark_17N_PF_TM_Circle_Swatch.webp?v=1700329916&width=40\"\n            \n            \n            data-swatch-hex=\"#ab6d46\"\n            data-shade-description=\"Neutral dark\"data-short-description=\"Dark 17 N\"data-type=\"Pretty Fresh Tinted Moisturizer\"\n            data-image=\"//colourpop.com/cdn/shop/products/4197001855058-Dark-17-N-PFSkinTint-Dark17N-1.jpg?v=1668561778&width=90\"\n          >\n            Dark 17 N\n          </option>\n        \n          <option value=\"30322612043858\"\n            \n            data-variant-id=\"30322612043858\"\n            data-product-url=\"/products/dark-18-w\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"26\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Dark_18W_PF_TM_Circle_Swatch.webp?v=1700329916&width=40\"\n            \n            \n            data-swatch-hex=\"#ab714a\"\n            data-shade-description=\"Warm dark\"data-short-description=\"Dark 18 W\"data-type=\"Pretty Fresh Tinted Moisturizer\"\n            data-image=\"//colourpop.com/cdn/shop/products/4197031215186-Dark-18-W-PFSkinTint-Dark18W-1.jpg?v=1668561790&width=90\"\n          >\n            Dark 18 W\n          </option>\n        \n          <option value=\"30322675023954\"\n            \n            data-variant-id=\"30322675023954\"\n            data-product-url=\"/products/dark-19-n\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"15\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Dark_19N_PF_TM_Circle_Swatch.webp?v=1700329916&width=40\"\n            \n            \n            data-swatch-hex=\"#b8744d\"\n            data-shade-description=\"Neutral dark\"data-short-description=\"Dark 19 N\"data-type=\"Pretty Fresh Tinted Moisturizer\"\n            data-image=\"//colourpop.com/cdn/shop/products/4197056577618-Dark-19-N-PFSkinTint-Dark19N-1.jpg?v=1668561800&width=90\"\n          >\n            Dark 19 N\n          </option>\n        \n          <option value=\"30322733514834\"\n            \n            data-variant-id=\"30322733514834\"\n            data-product-url=\"/products/dark-20-n\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"4737\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Dark_20N_PF_TM_Circle_Swatch.webp?v=1700329916&width=40\"\n            \n            \n            data-swatch-hex=\"#a5673e\"\n            data-shade-description=\"Neutral dark\"data-short-description=\"Dark 20 N\"data-type=\"Pretty Fresh Tinted Moisturizer\"\n            data-image=\"//colourpop.com/cdn/shop/products/4197084561490-Dark-20-N-PFSkinTint-Dark20N-1.jpg?v=1668561812&width=90\"\n          >\n            Dark 20 N\n          </option>\n        \n          <option value=\"30322784763986\"\n            \n            data-variant-id=\"30322784763986\"\n            data-product-url=\"/products/deep-dark-21-w\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"2538\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Deep_Dark_21W_PF_TM_Circle_Swatch.webp?v=1700329916&width=40\"\n            \n            \n            data-swatch-hex=\"#925b47\"\n            data-shade-description=\"Warm deep dark\"data-short-description=\"Deep Dark 21 W\"data-type=\"Pretty Fresh Tinted Moisturizer\"\n            data-image=\"//colourpop.com/cdn/shop/products/4197108744274-Deep-Dark-21-W-PFSkinTint-DeepDark21W-1.jpg?v=1668561824&width=90\"\n          >\n            Deep Dark 21 W\n          </option>\n        \n          <option value=\"30322870550610\"\n            \n            data-variant-id=\"30322870550610\"\n            data-product-url=\"/products/deep-dark-22-n\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"3902\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Deep_Dark_22N_PF_TM_Circle_Swatch.webp?v=1700329916&width=40\"\n            \n            \n            data-swatch-hex=\"#814f44\"\n            data-shade-description=\"Neutral deep dark\"data-short-description=\"Deep Dark 22 N\"data-type=\"Pretty Fresh Tinted Moisturizer\"\n            data-image=\"//colourpop.com/cdn/shop/products/4197143183442-Deep-Dark-22-N-PFSkinTint-DeepDark22N-1.jpg?v=1668561835&width=90\"\n          >\n            Deep Dark 22 N\n          </option>\n        \n          <option value=\"30322920390738\"\n            \n            data-variant-id=\"30322920390738\"\n            data-product-url=\"/products/deep-dark-23-n\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"49\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Deep_Dark_23N_PF_TM_Circle_Swatch.webp?v=1700329916&width=40\"\n            \n            \n            data-swatch-hex=\"#6d473a\"\n            data-shade-description=\"Neutral deep dark\"data-short-description=\"Deep Dark 23 N\"data-type=\"Pretty Fresh Tinted Moisturizer\"\n            data-image=\"//colourpop.com/cdn/shop/products/4197164122194-Deep-Dark-23-N-PFSkinTint-DeepDark23N-1.jpg?v=1668561849&width=90\"\n          >\n            Deep Dark 23 N\n          </option>\n        \n          <option value=\"30322959810642\"\n            \n            data-variant-id=\"30322959810642\"\n            data-product-url=\"/products/deep-dark-24-n\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"2728\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Deep_Dark_24N_PF_TM_Circle_Swatch.webp?v=1700329916&width=40\"\n            \n            \n            data-swatch-hex=\"#613931\"\n            data-shade-description=\"Neutral very deep\"data-short-description=\"Deep Dark 24 N\"data-type=\"Pretty Fresh Tinted Moisturizer\"\n            data-image=\"//colourpop.com/cdn/shop/products/4197180145746-Deep-Dark-24-N-PFSkinTint-DeepDark24N-1.jpg?v=1668561861&width=90\"\n          >\n            Deep Dark 24 N\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-4196787028050\"\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\":30322027855954,\"title\":\"Default Title\",\"option1\":\"Default Title\",\"option2\":null,\"option3\":null,\"sku\":\"PFSkinTint-Light6W\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":null,\"available\":true,\"name\":\"Light 6 W\",\"public_title\":null,\"options\":[\"Default Title\"],\"price\":1500,\"weight\":79,\"compare_at_price\":0,\"inventory_quantity\":123,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"FG005625\",\"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>Light 6 W</span><span> - Warm very light</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--16465178198098__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='30322027855954'\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>Light 6 W</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--16465178198098__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='30322027855954'\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--16465178198098__main-quantity__decrement'\n  >\n    <span class='sr-only'>Decrease quantity for Light 6 W</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='123'\n    step='1'\n    aria-label='Quantity for Light 6 W'\n    id='product-form-template--16465178198098__main-quantity'\n\n    \n      form='product-form-template--16465178198098__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--16465178198098__main-quantity__increment'\n    \n  >\n    <span class='sr-only'>Increase quantity for Light 6 W</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--16465178198098__main--4196787028050'\n                  type='submit'\n                  name='add'\n                  variant='primary'\n                  class='\n                    btn\n                    group-[.sticky-atc]/buy-buttons:grow group-[.sticky-atc]/buy-buttons:md:grow-0\n                    leading-normal\n                    !max-w-fit\n                  '\n                  \n                >\n                  <span\n                    \n                      class='px-6'\n                    \n                  >add to bag\n\n<div\n    class='\n      inline-flex gap-x-xs justify-start items-center group/price font-bold\n'\n    \n  >\n    <div class='inline-flex gap-x-2xs'><div class='group-[.on-sale]/price:hidden'><span class='sr-only'>Regular price</span>\n          <span class='font-bold font-bold'>\n            $15.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          $15.00\n        </span><span>\n            <s class='line-through text-[inherit] font-bold'>\n              $0.00\n            </s>\n          </span></div>\n      <small class='caption hidden'>\n        <span class='sr-only'>Unit price</span>\n        <span class='font-bold'>\n          <span></span>\n          <span aria-hidden='true'>/</span>\n          <span class='sr-only'>&nbsp;per&nbsp;</span>\n          <span>\n          </span>\n        </span>\n      </small>\n    </div>\n  </div>\n\n</span>\n                </button>\n                \n\n              </div>\n            </div></div><input type=\"hidden\" name=\"product-id\" value=\"4196787028050\" /><input type=\"hidden\" name=\"section-id\" value=\"template--16465178198098__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          \n        </div><klarna-placement\n          class='klarna__pdp'\n          data-key='credit-promotion-auto-size'\n          data-locale='en-US'\n          data-purchase-amount='1500'\n        ></klarna-placement><div class='columns-1 lg:columns-2 text-body ' sub-section-id='claims_8UQ8Am'><p ><p><span class=\"metafield-multi_line_text_field\">🌱 Vegan <br />\n🐰 Cruelty-free <br />\n💧 Hydrating<br />\n🌴 Buildable + blendable<br />\n💌 Long-lasting<br />\n💡 Light-buildable coverage<br />\n🦋 Natural finish<br />\n</span></p></p></div><div id=\"shopify-block-AcmJPemIzb2poSU9ad__tolstoy_shoppable_video_ugc_stories_block_RH3tz6\" class=\"shopify-block shopify-app-block\"><tolstoy-stories\nclass=\"tolstoy-stories\"\ndata-tags=\"#.collection:2023labordaysitewidesale,#.collection:PromoBackup2,#.collection:promoproducts,#.collection:TemptaliaPromo,#.hidden:false,#.promo.30offsitewide,#.promo:complexion10,#.promo:GloskuPF50,#.promo:nicol10,#.promo:PFBOGO,#.promo:PFcomplexion,#.promo:prettyfreshupsell,#.promo:SinglesDay30,#.promo:SinglesDay5FOR50,#.promo:treat,#.trigger:nationalnudedayflashsale,#.upsell-price:1000,#rmb.glosku:145,092619,Alipay:May40,category:Face,color:Light,event:Pretty Fresh,finish:Sheer,glosku:PFcomplexionBOGO,Light,mvp.pretty-fresh-hyaluronic-acid-tinted-moisturizer,Natural,productline:ColourPop,productsize:full,producttype:Pretty Fresh Tinted Moisturizer,Sheer,SKULifecycle:Permanent,subcategory:Foundation,unitnumber:1,unittype:single,vegan,Warm,\"\ndata-publish-id=\"g1w7hu6osho9x\"\ndata-product-id=\"4196787028050\">\n</tolstoy-stories>\n\n\n</div><div class='accordion'  sub-section-id='description'>\n\n<div id='Details-description-template--16465178198098__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--16465178198098__main'\n  >\n    <input\n      aria-controls='accordion-content-description-template--16465178198098__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--16465178198098__main'\n      name='accordion-input--description-template-16465178198098__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--16465178198098__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--16465178198098__main'\n    role='region'\n    aria-labelledby='accordion-title-description-template--16465178198098__main'\n  >\n    <div class='overflow-hidden'>\n      <div class='pt-xs p '>\n        💧 Skin tint, but make it better. This water-based formula is infused with hyaluronic acid for a dewy, skin-like finish that blurs imperfections and lets your complexion shine through. Sheer, buildable coverage feels like nothing — just smoother, more even, effortlessly fresh skin. ✓ 100% Vegan &amp; Cruelty-Free\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--16465178198098__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--16465178198098__main'\n  >\n    <input\n      aria-controls='accordion-content-collapsible-row-0-template--16465178198098__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--16465178198098__main'\n      name='accordion-input--collapsible-row-0-template-16465178198098__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--16465178198098__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--16465178198098__main'\n    role='region'\n    aria-labelledby='accordion-title-collapsible-row-0-template--16465178198098__main'\n  >\n    <div class='overflow-hidden'>\n      <div class='pt-xs p '>\n        <p><span class=\"metafield-multi_line_text_field\"> Cyclopentasiloxane, Water, Butylene Glycol, Cetearyl Alcohol, Trimethylsiloxysilicate, Dimethicone, Peg/ppg-18/18-dimethicone, Cetyl Peg/ppg-10/1 Dimethicone, Polypropylsilsesquioxane, Silica Silylate, Sodium Hyaluronate, Pyrus Malus (apple) Fruit Extract , Cocos Nucifera (coconut) Fruit Juice , Cocos Nucifera (coconut) Water , Potassium Sorbate, Polysorbate 20, Disteardimonium Hectorite, Tribehenin, Sodium Chloride, Propylene Carbonate, Caprylyl Glycol, Glycerin, Hexylene Glycol, Phenoxyethanol ; May Contain: Iron Oxides (CI 77491, CI 77492, CI 77499), Titanium Dioxide (CI 77891). </span></p>\n          \n\n      </div>\n    </div>\n  </div>\n</div>\n\n          </div>\n\n\n\n<div class='accordion' sub-section-id='collapsible-row-1' >\n\n<div id='Details-collapsible-row-1-template--16465178198098__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--16465178198098__main'\n  >\n    <input\n      aria-controls='accordion-content-collapsible-row-1-template--16465178198098__main'\n      aria-labelled='Toggle How to Use accordion'\n      class='sr-only peer accordion-content-trigger'\n      type='checkbox'\n      id='accordion-checkbox-collapsible-row-1-template--16465178198098__main'\n      name='accordion-input--collapsible-row-1-template-16465178198098__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--16465178198098__main'\n      >\n        How to Use\n      </h3>\n<svg-icon\n  src='icon-plus'\n  class='group-has-[:checked]:rotate-45 duration-300 transition-transform'\n\n  \n    style='--icon-size: 10px;'\n  \n\n  \n  \n></svg-icon>\n</div>\n  </label>\n  \n  \n  <div\n    class='rte group-has-[:checked]:grid-rows-[1fr] group-has-[:checked]:visible grid-rows-[0fr] transition-[visiblity,grid-template-rows] duration-300 grid invisible'\n    id='accordion-content-collapsible-row-1-template--16465178198098__main'\n    role='region'\n    aria-labelledby='accordion-title-collapsible-row-1-template--16465178198098__main'\n  >\n    <div class='overflow-hidden'>\n      <div class='pt-xs p '>\n        <p><span class=\"metafield-multi_line_text_field\">Prep skin with Pretty Fresh Primer. Works well over any primer, sunscreen, or moisturizer.<br />\nUse Pretty Fresh Blending Sponge for light coverage, Flat Kabuki Face Brush for medium coverage, or fingertips. Lightly dab and blend into skin.<br />\nFor a matte look, set it with No Filter Loose Setting Powder.<br />\nFor a dewy look, use with Pretty Fresh Setting Mist.<br />\n</span></p>\n          \n\n      </div>\n    </div>\n  </div>\n</div>\n\n          </div>\n\n\n\n\n\n\n\n</section>\n\n  </main-product>\n\n\n\n</section>"}