{"template--16300830097490__main":"<section id=\"shopify-section-template--16300830097490__main\" class=\"shopify-section\"><!-- ##entry##core-main-product##endentry## -->\n\n<script>\n  ;(() => {\n    const params = new Proxy(new URLSearchParams(window.location.search), {\n      get: (searchParams, prop) => searchParams.get(prop),\n    })\n    if (params.serp == '1') {\n      //console.log('serpclick true')\n      setTimeout(() => {\n        nostojs((api) => {\n          api.recordSearchClick('serp', {\n            productId: '4196806688850',\n            url: 'https://colourpop.com/products/light-8-n',\n          })\n        })\n      }, 5000)\n    } else if (params.autocomplete == '1') {\n      setTimeout(() => {\n        nostojs((api) => {\n          api.recordSearchClick('autocomplete', {\n            productId: '4196806688850',\n            url: 'https://colourpop.com/products/light-8-n',\n          })\n        })\n        //console.log('autocompleteclick true')\n      }, 5000)\n    } else if (params.category == '1') {\n      setTimeout(() => {\n        nostojs((api) => {\n          api.recordSearchClick('category', {\n            productId: '4196806688850',\n            url: 'https://colourpop.com/products/light-8-n',\n          })\n        })\n        //console.log('categoryclick true')\n      }, 5000)\n    }\n  })()\n</script>\n\n\n\n\n\n\n\n\n  <main-product\n    \n      class='main-product px-sm md:px-pagemargin 2xl:container grid grid-cols-1 lg:grid-cols-2 2xl:grid-cols-[minmax(0,_1fr)_575px] gap-sm py-sm md:py-md'\n      update-url='true'\n    \n    product-url='/products/light-8-n'\n    variant-id='30322061836370'\n    section-id='template--16300830097490__main'\n    id='template--16300830097490__main'\n    placement='pdp'\n  >\n\n\n  <div class='mt-xs md:m-0 lg:col-start-2'><nav aria-label='Breadcrumb'>\n  <ol class=\"[&_li_+_li]:before:content-['/']\">\n    <li class='inline text-caption'>\n      <a class='text-caption' href='/'>Home</a>\n    </li><li class='inline text-caption'>\n          <a class='text-caption' href='/collections/face'>\n            Face\n          </a>\n        </li><li class='inline text-caption'>\n        <a class='pointer-events-none text-caption' href='/products/light-8-n' aria-current='page'>Light 8 N</a>\n      </li></ol>\n</nav>\n</div>\n\n\n\n\n\n<div\n  id='MediaGallery-template--16300830097490__main'\n  role='region'\n  sub-section-id='MediaGallery-template--16300830097490__main'\n  aria-label='Gallery Viewer'\n  \n>\n  \n\n<modal-dialog\n    cloak\n    type='modal'\n    id='MediaGallery-template--16300830097490__main-zoom-gallery'\n\n    \n      url=''\n    \n\n    \n      size='modal-max'\n    \n\n    \n\n    \n      close-on-backdrop-click='true'\n    \n\n    \n\n    \n\n    \n\n    \n      close-icon-position='right'\n    \n\n    \n\n    \n  >\n    \n    <div class=\"grid gap-x-xs lg:gap-x-sm grid-cols-[80px,minmax(0,_1fr)] md:grid-cols-[80px,minmax(0,_1fr)] lg:grid-cols-[120px,minmax(0,_1fr)] size-full\">\n      <div class=\"p-xs\">\n        <swiper-container\n          class='block'\n          direction='vertical'\n          slides-per-view='auto'\n          space-between='10'\n          mousewheel='true'\n          id='MediaGallery-template--16300830097490__main-thumbs-swiper-zoom'\n          controller-control='#MediaGallery-template--16300830097490__main-main-swiper'\n        >\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-p-darkest rounded-e-lg duration-300 transition'>\n\n<img src=\"//colourpop.com/cdn/shop/products/4196806688850-Light-8-N-PFSkinTint-Light8N-1.jpg?v=1668561672&amp;width=90\" alt=\"ColourPop Pretty Fresh Tinted Moisturizer in Light 8 N angled over a creamy beige swatch, white pump cap and matte peach tube visible, highlighting hyaluronic acid tinted moisturizer packaging on a clean white background.\" srcset=\"//colourpop.com/cdn/shop/products/4196806688850-Light-8-N-PFSkinTint-Light8N-1.jpg?v=1668561672&amp;width=40 40w, //colourpop.com/cdn/shop/products/4196806688850-Light-8-N-PFSkinTint-Light8N-1.jpg?v=1668561672&amp;width=60 60w, //colourpop.com/cdn/shop/products/4196806688850-Light-8-N-PFSkinTint-Light8N-1.jpg?v=1668561672&amp;width=80 80w, //colourpop.com/cdn/shop/products/4196806688850-Light-8-N-PFSkinTint-Light8N-1.jpg?v=1668561672&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/LIGHT8N_pfgrid_tintedmoisturizer.jpg?v=1726785278&amp;width=90\" alt=\"Model wearing ColourPop Pretty Fresh Tinted Moisturizer in Light 8 N shows natural, light coverage and a smooth, skin-like finish; close-up face angled left against a neutral peach background highlighting even tone.\" srcset=\"//colourpop.com/cdn/shop/files/LIGHT8N_pfgrid_tintedmoisturizer.jpg?v=1726785278&amp;width=40 40w, //colourpop.com/cdn/shop/files/LIGHT8N_pfgrid_tintedmoisturizer.jpg?v=1726785278&amp;width=60 60w, //colourpop.com/cdn/shop/files/LIGHT8N_pfgrid_tintedmoisturizer.jpg?v=1726785278&amp;width=80 80w, //colourpop.com/cdn/shop/files/LIGHT8N_pfgrid_tintedmoisturizer.jpg?v=1726785278&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--16300830097490__main-thumbs-swiper-zoom'\n          auto-scroll-offset='true'\n          navigation='true'\n          slides-per-view='1'\n          id='MediaGallery-template--16300830097490__main-main-swiper-zoom'\n          pagination='true'\n        >\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<img src=\"//colourpop.com/cdn/shop/products/4196806688850-Light-8-N-PFSkinTint-Light8N-1.jpg?v=1668561672&amp;width=600\" alt=\"ColourPop Pretty Fresh Tinted Moisturizer in Light 8 N angled over a creamy beige swatch, white pump cap and matte peach tube visible, highlighting hyaluronic acid tinted moisturizer packaging on a clean white background.\" width=\"600\" height=\"2400.0\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"><div class='swiper-lazy-preloader'></div></swiper-slide>\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<img src=\"//colourpop.com/cdn/shop/files/LIGHT8N_pfgrid_tintedmoisturizer.jpg?v=1726785278&amp;width=600\" alt=\"Model wearing ColourPop Pretty Fresh Tinted Moisturizer in Light 8 N shows natural, light coverage and a smooth, skin-like finish; close-up face angled left against a neutral peach background highlighting even 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/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--16300830097490__main-thumbs-swiper'\n          navigation-next-el='.swiper-button-next-template--16300830097490__main'\n          navigation-prev-el='.swiper-button-prev-template--16300830097490__main'\n          breakpoints='{ \"1024\": { \"slidesPerView\": 4 } }'\n        >\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-1 aspect-square p-1.5 border border-solid rounded-[10px] border-p-lightest [&.swiper-slide-thumb-active]:border-p-darkest duration-300 transition overflow-hidden cursor-pointer'>\n              <div class='relative w-full h-full rounded-md overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/products/4196806688850-Light-8-N-PFSkinTint-Light8N-1.jpg?v=1668561672&amp;width=120\" alt=\"ColourPop Pretty Fresh Tinted Moisturizer in Light 8 N angled over a creamy beige swatch, white pump cap and matte peach tube visible, highlighting hyaluronic acid tinted moisturizer packaging on a clean white background.\" srcset=\"//colourpop.com/cdn/shop/products/4196806688850-Light-8-N-PFSkinTint-Light8N-1.jpg?v=1668561672&amp;width=60 60w, //colourpop.com/cdn/shop/products/4196806688850-Light-8-N-PFSkinTint-Light8N-1.jpg?v=1668561672&amp;width=80 80w, //colourpop.com/cdn/shop/products/4196806688850-Light-8-N-PFSkinTint-Light8N-1.jpg?v=1668561672&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/LIGHT8N_pfgrid_tintedmoisturizer.jpg?v=1726785278&amp;width=120\" alt=\"Model wearing ColourPop Pretty Fresh Tinted Moisturizer in Light 8 N shows natural, light coverage and a smooth, skin-like finish; close-up face angled left against a neutral peach background highlighting even tone.\" srcset=\"//colourpop.com/cdn/shop/files/LIGHT8N_pfgrid_tintedmoisturizer.jpg?v=1726785278&amp;width=60 60w, //colourpop.com/cdn/shop/files/LIGHT8N_pfgrid_tintedmoisturizer.jpg?v=1726785278&amp;width=80 80w, //colourpop.com/cdn/shop/files/LIGHT8N_pfgrid_tintedmoisturizer.jpg?v=1726785278&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--16300830097490__main absolute left-1/2 top-8 xl:top-14 -translate-x-1/2 w-4 h-4 z-20 [&.swiper-button-disabled]:text-t-disabled'\n            aria-label='Previous slide'\n          >\n            <svg-icon src='icon-chevron'></svg-icon>\n          </button>\n          <button\n            class='swiper-button-next swiper-button-next-template--16300830097490__main absolute rotate-180 left-1/2 bottom-0 -translate-x-1/2 w-4 h-4 z-20 [&.swiper-button-disabled]:text-t-disabled'\n            aria-label='Next slide'\n          >\n            <svg-icon src='icon-chevron'></svg-icon>\n          </button></div><div class='relative'><!-- ##entry##core-swiper-with-media##endentry## -->\n<swiper-with-media\n        class='w-full h-full block'\n      >\n        <swiper-container\n          class='w-full h-full block whitespace-nowrap overflow-clip pb-6'\n          init='false'\n          watch-slides-progress='true'\n          thumbs-swiper='#MediaGallery-template--16300830097490__main-thumbs-swiper'\n          controller-control='#MediaGallery-template--16300830097490__main-main-swiper-zoom'\n          auto-scroll-offset='true'\n          id='MediaGallery-template--16300830097490__main-main-swiper'\n          \n            pagination='{ \"clickable\": true, \"el\": \".swiper-pagination\" }'\n          \n        >\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/products/4196806688850-Light-8-N-PFSkinTint-Light8N-1.jpg?v=1668561672&amp;width=620\" alt=\"ColourPop Pretty Fresh Tinted Moisturizer in Light 8 N angled over a creamy beige swatch, white pump cap and matte peach tube visible, highlighting hyaluronic acid tinted moisturizer packaging on a clean white background.\" srcset=\"//colourpop.com/cdn/shop/products/4196806688850-Light-8-N-PFSkinTint-Light8N-1.jpg?v=1668561672&amp;width=600 600w, //colourpop.com/cdn/shop/products/4196806688850-Light-8-N-PFSkinTint-Light8N-1.jpg?v=1668561672&amp;width=620 620w\" width=\"620\" height=\"2400.0\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\" format=\"webp\">\n<dialog-toggle modal-id='MediaGallery-template--16300830097490__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/LIGHT8N_pfgrid_tintedmoisturizer.jpg?v=1726785278&amp;width=620\" alt=\"Model wearing ColourPop Pretty Fresh Tinted Moisturizer in Light 8 N shows natural, light coverage and a smooth, skin-like finish; close-up face angled left against a neutral peach background highlighting even tone.\" srcset=\"//colourpop.com/cdn/shop/files/LIGHT8N_pfgrid_tintedmoisturizer.jpg?v=1726785278&amp;width=600 600w, //colourpop.com/cdn/shop/files/LIGHT8N_pfgrid_tintedmoisturizer.jpg?v=1726785278&amp;width=620 620w\" width=\"620\" height=\"2400.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\" format=\"webp\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--16300830097490__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/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--16300830097490__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/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--16300830097490__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/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--16300830097490__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/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--16300830097490__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/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--16300830097490__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n        </swiper-container><div class='swiper-pagination'></div></swiper-with-media>\n    </div>\n  </div>\n</div>\n\n<section\n  id='ProductInfo-template--16300830097490__main'\n  class='grid grid-cols-1 gap-y-xs place-content-start product-info z-20 '\n>\n<div sub-section-id='badges' class='flex gap-2 empty:hidden '><span \n      class='flex leading-4 utility rounded lowercase tracking-wide font-semibold px-2 py-1 bg-p-darkest text-p-lightest decoration-none group-[.product-card]:text-[9px]'\n      style='color: #000000; background-color: #ffffff; border: 1px solid #000000;'\n    >Sale</span></div>\n<div  sub-section-id='title'>\n          <h1 class='break-words h2 lg:h3'>\n            Pretty Fresh Hyaluronic Acid Tinted Moisturizer\n          </h1><h2 class='p '>\n              Oil-Free Tinted Moisturizer\n            </h2></div><div id=\"shopify-block-AMFFESmdTYk5OazN6Y__okendo_star_rating_aqzXFz\" class=\"shopify-block shopify-app-block\">\n\n\n\n\n    <div\n        data-oke-star-rating\n        data-oke-reviews-product-id=\"shopify-4196806688850\"\n    >\n        <div data-oke-reviews-version=\"0.86.0\" data-oke-container=\"\" class=\"okeReviews oke-sr\"><div class=\"\"><div class=\"oke-sr-rating\"> 4.7 </div><div class=\"oke-sr-stars\"><div class=\"oke-stars\"><!----><div class=\"oke-stars-background\"><svg height=\"11\" viewBox=\"0 0 103.54545454545455 14\" aria-hidden=\"true\" role=\"none\"><use x=\"0\" href=\"#oke-star-empty\"></use><use x=\"22.236363636363635\" href=\"#oke-star-empty\"></use><use x=\"44.47272727272727\" href=\"#oke-star-empty\"></use><use x=\"66.7090909090909\" href=\"#oke-star-empty\"></use><use x=\"88.94545454545454\" href=\"#oke-star-empty\"></use></svg></div><div class=\"oke-stars-foreground\" style=\"width: 95.77%;\"><svg height=\"11\" viewBox=\"0 0 103.54545454545455 14\" aria-hidden=\"true\" role=\"none\"><use x=\"0\" href=\"#oke-star-filled\"></use><use x=\"22.236363636363635\" href=\"#oke-star-filled\"></use><use x=\"44.47272727272727\" href=\"#oke-star-filled\"></use><use x=\"66.7090909090909\" href=\"#oke-star-filled\"></use><use x=\"88.94545454545454\" href=\"#oke-star-filled\"></use></svg></div><span class=\"oke-a11yText\">Rated 4.7 out of 5 stars</span></div></div><div class=\"oke-sr-count\"><span class=\"oke-sr-count-number\">1,684</span><span class=\"oke-sr-label-text\"> Reviews</span><!----></div><!----></div><script type=\"application/json\" data-oke-metafield-data=\"\"> {\"averageRating\":\"4.7\",\"reviewCount\":1684} </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--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='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--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='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--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='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--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='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--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='light-6-w'\n    name='sibling-picker'\n    value='light-6-w'\n    form=''\n    class='sr-only'\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--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='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--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='light-8-n'\n    name='sibling-picker'\n    value='light-8-n'\n    form=''\n    class='sr-only'\n    \n      checked\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--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='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--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='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--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='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--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='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--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='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--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='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--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='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--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='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--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='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--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='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--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='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--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='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--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='deep-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--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='deep-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--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='deep-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--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='deep-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--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n          </div>\n        </div>\n      \n    </fieldset>\n\n    <div class='mt-xs'>\n      \n\n      \n      \n\n      <!-- ##entry##core-custom-select##endentry## -->\n\n      <custom-select\n        class='flex flex-col gap-2xs w-full group'\n        \n\n        \n          \n        id=\"sibling-picker-4196806688850\"\n        value=\"30322061836370\"\n        name=\"sibling-picker-4196806688850\"\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-4196806688850\"\n        value=\"30322061836370\"\n        name=\"sibling-picker-4196806688850\"\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=\"4262\"\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=\"Oil-Free Tinted Moisturizer\"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=\"5321\"\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=\"Oil-Free Tinted Moisturizer\"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=\"91\"\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=\"Oil-Free Tinted Moisturizer\"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=\"1854\"\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=\"Oil-Free Tinted Moisturizer\"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=\"5003\"\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=\"Oil-Free Tinted Moisturizer\"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            data-variant-id=\"30322027855954\"\n            data-product-url=\"/products/light-6-w\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"4394\"\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=\"Oil-Free Tinted Moisturizer\"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=\"7173\"\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=\"Oil-Free Tinted Moisturizer\"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              selected\n            \n            data-variant-id=\"30322061836370\"\n            data-product-url=\"/products/light-8-n\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"7136\"\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=\"Oil-Free Tinted Moisturizer\"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=\"5370\"\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=\"Oil-Free Tinted Moisturizer\"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=\"2755\"\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=\"Oil-Free Tinted Moisturizer\"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=\"6805\"\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=\"Oil-Free Tinted Moisturizer\"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=\"3866\"\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=\"Oil-Free Tinted Moisturizer\"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=\"4725\"\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=\"Oil-Free Tinted Moisturizer\"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=\"2031\"\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=\"Oil-Free Tinted Moisturizer\"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=\"4235\"\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=\"Oil-Free Tinted Moisturizer\"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=\"7408\"\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=\"Oil-Free Tinted Moisturizer\"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=\"34\"\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=\"Oil-Free Tinted Moisturizer\"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=\"34\"\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=\"Oil-Free Tinted Moisturizer\"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=\"20\"\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=\"Oil-Free Tinted Moisturizer\"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=\"4751\"\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=\"Oil-Free Tinted Moisturizer\"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=\"2565\"\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=\"Oil-Free Tinted Moisturizer\"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=\"4047\"\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=\"Oil-Free Tinted Moisturizer\"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=\"51\"\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=\"Oil-Free Tinted Moisturizer\"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=\"2799\"\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=\"Oil-Free Tinted Moisturizer\"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-4196806688850\"\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\":30322061836370,\"title\":\"Default Title\",\"option1\":\"Default Title\",\"option2\":null,\"option3\":null,\"sku\":\"PFSkinTint-Light8N\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":null,\"available\":true,\"name\":\"Light 8 N\",\"public_title\":null,\"options\":[\"Default Title\"],\"price\":1200,\"weight\":79,\"compare_at_price\":1500,\"inventory_quantity\":3750,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"FG005626\",\"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 8 N</span><span> - Neutral 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--16300830097490__main\" accept-charset=\"UTF-8\" class=\"group-[.loading]/product-form:pointer-events-none\" enctype=\"multipart/form-data\" novalidate=\"novalidate\" data-type=\"add-to-cart-form\"><input type=\"hidden\" name=\"form_type\" value=\"product\" /><input type=\"hidden\" name=\"utf8\" value=\"✓\" /><input\n            type='hidden'\n            name='id'\n            class='hidden'\n            value='30322061836370'\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 8 N</strong>\n              </p>\n\n              \n\n              <div class='flex items-center gap-xs lg:gap-sm w-full group-[.sticky-atc]/buy-buttons:md:w-auto'><div\n  id='Quantity-Form-template--16300830097490__main'\n  class='grid grid-cols-1 gap-y-xs'\n  sub-section-id='buy_buttons'\n  \n>\n  \n  <div class='grid gap-y-2xs'>\n\n\n<quantity-input\n  class='grid grid-cols-[20px_15px_20px] sm:grid-cols-[35px_25px_35px] border-solid border border-t-p-darkest rounded-[40px] max-w-fit h-[30px] lg:h-10 z-10 '\n  variant-id='30322061836370'\n  cart-quantity='0'\n  min='1'\n  value='1'\n  \n  \n\n  \n>\n  <button\n    class='inline-flex items-center justify-end text-[10px] disabled:opacity-50 disabled:pointer-events-none caption'\n    name='minus'\n    type='button'\n    \n      disabled\n    \n    id='product-form-template--16300830097490__main-quantity__decrement'\n  >\n    <span class='sr-only'>Decrease quantity for Light 8 N</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='7136'\n    step='1'\n    aria-label='Quantity for Light 8 N'\n    id='product-form-template--16300830097490__main-quantity'\n\n    \n      form='product-form-template--16300830097490__main'\n    \n  >\n  <button\n    class='inline-flex items-center justify-start text-utility disabled:opacity-50 disabled:pointer-events-none'\n    name='plus'\n    type='button'\n    id='product-form-template--16300830097490__main-quantity__increment'\n    \n  >\n    <span class='sr-only'>Increase quantity for Light 8 N</span>\n    <span class='caption font-bold'>+</span>\n  </button>\n</quantity-input>\n</div>\n  \n  \n</div>\n\n\n                <button\n                  id='ProductSubmitButton-template--16300830097490__main--4196806688850'\n                  type='submit'\n                  name='add'\n                  variant='primary'\n                  class='\n                    btn\n                    group-[.sticky-atc]/buy-buttons:grow group-[.sticky-atc]/buy-buttons:md:grow-0\n                    leading-normal\n                    !max-w-fit\n                  '\n                  \n                >\n                  <span\n                    \n                      class='px-6'\n                    \n                  >add to bag\n\n<div\n    class='\n      inline-flex gap-x-xs justify-start items-center group/price font-bold\n on-sale'\n    \n  >\n    <div class='inline-flex gap-x-2xs'><div class='group-[.on-sale]/price:hidden'><span class='sr-only'>Regular price</span>\n          <span class='font-bold font-bold'>\n            $12.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          $12.00\n        </span><span>\n            <s class='line-through text-[inherit] font-bold'>\n              $15.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=\"4196806688850\" /><input type=\"hidden\" name=\"section-id\" value=\"template--16300830097490__main\" /></form></product-form>\n</div>\n\n<style>\n  .shopify-payment-button__more-options[aria-hidden='true'] {\n    display: none;\n  }\n</style>\n\n\n\n          \n            \n              <p class='text-body font-bold text-t-foreground'>\n                20% Off. Limited time only.\n              </p>\n            \n          \n        </div><klarna-placement\n          class='klarna__pdp'\n          data-key='credit-promotion-auto-size'\n          data-locale='en-US'\n          data-purchase-amount='1200'\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-AMXhNd0FURWhiYmtKR__tolstoy_shoppable_video_ugc_stories_block_RH3tz6\" class=\"shopify-block shopify-app-block\"><tolstoy-stories\nclass=\"tolstoy-stories\"\ndata-tags=\"#.collection:2023labordaysitewidesale,#.collection:PromoBackup2,#.collection:promoproducts,#.collection:TemptaliaPromo,#.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,Neutral,productline:ColourPop,productsize:full,producttype:Pretty Fresh Tinted Moisturizer,Sheer,SKULifecycle:Permanent,subcategory:Foundation,unitnumber:1,unittype:single,vegan,\"\ndata-publish-id=\"g1w7hu6osho9x\"\ndata-product-id=\"4196806688850\">\n</tolstoy-stories>\n\n\n</div><div class='accordion'  sub-section-id='description'>\n\n<div id='Details-description-template--16300830097490__main' class='group'>\n  <label\n    class='list-none block py-xs border-b-[currentColor] border-b cursor-pointer '\n    for='accordion-checkbox-description-template--16300830097490__main'\n  >\n    <input\n      aria-controls='accordion-content-description-template--16300830097490__main'\n      aria-labelled='Toggle product details accordion'\n      class='sr-only peer accordion-content-trigger'\n      type='checkbox'\n      id='accordion-checkbox-description-template--16300830097490__main'\n      name='accordion-input--description-template-16300830097490__main\n'\n      \n        checked\n      \n    >\n    <div class='flex items-center justify-between w-full peer-focus-visible:ring-1 ring-u-focus'>\n      <h3\n        class='text-body font-bold '\n        id='accordion-title-description-template--16300830097490__main'\n      >\n        product details\n      </h3>\n<svg-icon\n  src='icon-plus'\n  class='group-has-[:checked]:rotate-45 duration-300 transition-transform'\n\n  \n    style='--icon-size: 10px;'\n  \n\n  \n  \n></svg-icon>\n</div>\n  </label>\n  \n  \n  <div\n    class='rte group-has-[:checked]:grid-rows-[1fr] group-has-[:checked]:visible grid-rows-[0fr] transition-[visiblity,grid-template-rows] duration-300 grid invisible'\n    id='accordion-content-description-template--16300830097490__main'\n    role='region'\n    aria-labelledby='accordion-title-description-template--16300830097490__main'\n  >\n    <div class='overflow-hidden'>\n      <div class='pt-xs p '>\n        <p>A hydrating tinted moisturizer with lightweight coverage that evens skintone and leaves your skin looking fresh and healthy. Formulated with Hyaluronic Acid and Coconut Water to support skin hydration, this tinted moisturizer works for all makeup styles - just customize your routine to create your own look!</p> Net Weight 1.45 fl oz\n      </div>\n    </div>\n  </div>\n</div>\n\n          </div><div class='accordion' sub-section-id='collapsible-row-0' >\n\n<div id='Details-collapsible-row-0-template--16300830097490__main' class='group'>\n  <label\n    class='list-none block py-xs border-b-[currentColor] border-b cursor-pointer '\n    for='accordion-checkbox-collapsible-row-0-template--16300830097490__main'\n  >\n    <input\n      aria-controls='accordion-content-collapsible-row-0-template--16300830097490__main'\n      aria-labelled='Toggle ingredients accordion'\n      class='sr-only peer accordion-content-trigger'\n      type='checkbox'\n      id='accordion-checkbox-collapsible-row-0-template--16300830097490__main'\n      name='accordion-input--collapsible-row-0-template-16300830097490__main\n'\n      \n    >\n    <div class='flex items-center justify-between w-full peer-focus-visible:ring-1 ring-u-focus'>\n      <h3\n        class='text-body font-bold '\n        id='accordion-title-collapsible-row-0-template--16300830097490__main'\n      >\n        ingredients\n      </h3>\n<svg-icon\n  src='icon-plus'\n  class='group-has-[:checked]:rotate-45 duration-300 transition-transform'\n\n  \n    style='--icon-size: 10px;'\n  \n\n  \n  \n></svg-icon>\n</div>\n  </label>\n  \n  \n  <div\n    class='rte group-has-[:checked]:grid-rows-[1fr] group-has-[:checked]:visible grid-rows-[0fr] transition-[visiblity,grid-template-rows] duration-300 grid invisible'\n    id='accordion-content-collapsible-row-0-template--16300830097490__main'\n    role='region'\n    aria-labelledby='accordion-title-collapsible-row-0-template--16300830097490__main'\n  >\n    <div class='overflow-hidden'>\n      <div class='pt-xs p '>\n        <span class=\"metafield-multi_line_text_field\"> Cyclopentasiloxane, 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>\n          \n\n      </div>\n    </div>\n  </div>\n</div>\n\n          </div>\n\n<div class='accordion' sub-section-id='collapsible-row-1' >\n\n<div id='Details-collapsible-row-1-template--16300830097490__main' class='group'>\n  <label\n    class='list-none block py-xs border-b-[currentColor] border-b cursor-pointer '\n    for='accordion-checkbox-collapsible-row-1-template--16300830097490__main'\n  >\n    <input\n      aria-controls='accordion-content-collapsible-row-1-template--16300830097490__main'\n      aria-labelled='Toggle application tips accordion'\n      class='sr-only peer accordion-content-trigger'\n      type='checkbox'\n      id='accordion-checkbox-collapsible-row-1-template--16300830097490__main'\n      name='accordion-input--collapsible-row-1-template-16300830097490__main\n'\n      \n    >\n    <div class='flex items-center justify-between w-full peer-focus-visible:ring-1 ring-u-focus'>\n      <h3\n        class='text-body font-bold '\n        id='accordion-title-collapsible-row-1-template--16300830097490__main'\n      >\n        application tips\n      </h3>\n<svg-icon\n  src='icon-plus'\n  class='group-has-[:checked]:rotate-45 duration-300 transition-transform'\n\n  \n    style='--icon-size: 10px;'\n  \n\n  \n  \n></svg-icon>\n</div>\n  </label>\n  \n  \n  <div\n    class='rte group-has-[:checked]:grid-rows-[1fr] group-has-[:checked]:visible grid-rows-[0fr] transition-[visiblity,grid-template-rows] duration-300 grid invisible'\n    id='accordion-content-collapsible-row-1-template--16300830097490__main'\n    role='region'\n    aria-labelledby='accordion-title-collapsible-row-1-template--16300830097490__main'\n  >\n    <div class='overflow-hidden'>\n      <div class='pt-xs p '>\n        <span class=\"metafield-multi_line_text_field\">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>\n          \n\n      </div>\n    </div>\n  </div>\n</div>\n\n          </div>\n\n\n\n</section>\n\n  </main-product>\n\n\n\n</section>"}