
<!DOCTYPE html>
<html class="no-js no-touch" lang="en-US">
<head>
    



    <meta data-octopus-release="1.63.0-release00000005" />
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="robots" content="index, follow">


    <!-- /BEGIN Include JavaScript and CSS bundles -->

    <link rel="stylesheet" type="text/css" href="/frontend/css/pdp.acc320db.css" />
<script defer type="text/javascript" src="/frontend/js/npm.core-js.ddb18d07.js"></script>
 <script defer type="text/javascript" src="/frontend/js/npm.axios.6a5de39e.js"></script>
 <script defer type="text/javascript" src="/frontend/js/npm.date-fns.a9795317.js"></script>
 <script defer type="text/javascript" src="/frontend/js/npm.vue.03b46851.js"></script>
 <script defer type="text/javascript" src="/frontend/js/npm.simple-vue-validator.8c2825e2.js"></script>
 <script defer type="text/javascript" src="/frontend/js/npm.gsap.e28fa6d3.js"></script>
 <script defer type="text/javascript" src="/frontend/js/npm.babel.1cbead5a.js"></script>
 <script defer type="text/javascript" src="/frontend/js/npm.deep-equal.ac048841.js"></script>
 <script defer type="text/javascript" src="/frontend/js/npm.loreal.d915669e.js"></script>
 <script defer type="text/javascript" src="/frontend/js/npm.vue-toasted.2df1a787.js"></script>
 <script defer type="text/javascript" src="/frontend/js/npm.vue3-tabs-component.6bdb4810.js"></script>
 <script defer type="text/javascript" src="/frontend/js/npm.scroll-snap-slider.107760a9.js"></script>
 <script defer type="text/javascript" src="/frontend/js/npm.mitt.7833c05b.js"></script>
 <script defer type="text/javascript" src="/frontend/js/npm.whatwg-fetch.c35c3f2b.js"></script>
 <script defer type="text/javascript" src="/frontend/js/npm.vuex.8107187a.js"></script>
 <script defer type="text/javascript" src="/frontend/js/npm.vue-star-rating.058f7462.js"></script>
 <script defer type="text/javascript" src="/frontend/js/npm.vue-slider-component.3aa5488a.js"></script>
 <script defer type="text/javascript" src="/frontend/js/npm.vue-scrollto.baa1b932.js"></script>
 <script defer type="text/javascript" src="/frontend/js/npm.vue-range-slider.189ff840.js"></script>
 <script defer type="text/javascript" src="/frontend/js/npm.vue-loader.89c2a848.js"></script>
 <script defer type="text/javascript" src="/frontend/js/npm.vue-cookies.40893d6c.js"></script>
 <script defer type="text/javascript" src="/frontend/js/npm.svg.js.ddc1fb60.js"></script>
 <script defer type="text/javascript" src="/frontend/js/npm.scrollbarwidth.69197e59.js"></script>
 <script defer type="text/javascript" src="/frontend/js/npm.resize-observer-polyfill.dbf6155e.js"></script>
 <script defer type="text/javascript" src="/frontend/js/npm.lodash.transform.e8ae46c4.js"></script>
 <script defer type="text/javascript" src="/frontend/js/npm.lodash.once.d7eaf1e7.js"></script>
 <script defer type="text/javascript" src="/frontend/js/npm.lodash.isobject.9b19b5f8.js"></script>
 <script defer type="text/javascript" src="/frontend/js/npm.lodash.isequal.de49386e.js"></script>
 <script defer type="text/javascript" src="/frontend/js/npm.lodash.includes.e1d82076.js"></script>
 <script defer type="text/javascript" src="/frontend/js/npm.lazysizes.a6530947.js"></script>
 <script defer type="text/javascript" src="/frontend/js/npm.es6-promise.7fb58339.js"></script>
 <script defer type="text/javascript" src="/frontend/js/npm.animejs.57c8fb15.js"></script>
 <script defer type="text/javascript" src="/frontend/js/npm.accessibilityjs.14efc87e.js"></script>
 <script defer type="text/javascript" src="/frontend/js/npm.vueform.cc21c320.js"></script>
 <script defer type="text/javascript" src="/frontend/js/pdp.564ac622.js"></script>



    <!-- /END Include JavaScript and CSS bundles -->

    
    
<!-- Exception rendering controller 'Tagging.TagManager': An unhandled exception occurred. -->
<!-- Inner Exception: Service has been disposed, cannot create object -->



<script type="application/ld+json">

    {
    "@context":"http://schema.org/",
    "@type" :"Product",
    "@id": "https://www.lorealparisusa.com/makeup/eye/eye-shadow/colour-riche-eyeshadow",
    "url" : "https://www.lorealparisusa.com/makeup/eye/eye-shadow/colour-riche-eyeshadow",
    "name": "ColourRiche Colour-Riche-Eyeshadow",
    "image": "https://www.lorealparisusa.com/-/media/project/loreal/brand-sites/oap/americas/us/products/makeup/eye/eye-shadow/colour-riche-eyeshadow/argentic/071249307045_t1.png?rev=fbc5abdf3389481abdc3b15d4adc8870",
    "description": "Gel to Powder Technology. Exquisite Color Richness. Soft and Velvety Texture. Shimmery and Matte Finishes.",
    "sku": "0071249307045",
    "gtin13": "0071249307045",
    "brand": {
    "@type": "Thing",
    "name": "L'Oréal Paris"

    }

            ,
            "aggregateRating": {
            "@type": "AggregateRating",
            "ratingValue": "4.6",
            "reviewCount": "57",
            "bestRating" : "5",
            "worstRating": "1",
            "itemReviewed":{
            "@type" :"Thing",
            "name": "ColourRiche Colour-Riche-Eyeshadow",
            "image": "https://www.lorealparisusa.com/-/media/project/loreal/brand-sites/oap/americas/us/products/makeup/eye/eye-shadow/colour-riche-eyeshadow/argentic/071249307045_t1.png?rev=fbc5abdf3389481abdc3b15d4adc8870",
            "url" : "https://www.lorealparisusa.com/makeup/eye/eye-shadow/colour-riche-eyeshadow"
            }
            }
    
    
            ,
            "offers": {
            "@type": "Offer",
            "priceCurrency": "USD",
            "price": "5.99",
            "availability": "http://schema.org/InStock",
            "url" : "https://www.lorealparisusa.com/makeup/eye/eye-shadow/colour-riche-eyeshadow"
            }
    
    }
</script>

    <script async type="text/javascript">
       
        window.interactionStudioData = {
            itemType: 'Product',
            itemId: '0de5462b-2d0b-48f6-9890-1ff507995af4_071249307045'

        };
        
    </script>




<style> .async-hide { opacity: 0 !important} </style>
<script>
(function(a,s,y,n,c,h,i,d,e){s.className+=' '+y;h.start=1*new Date;
h.end=i=function(){s.className=s.className.replace(RegExp(' ?'+y),'')};
(a[n]=a[n]||[]).hide=h;setTimeout(function(){i();h.end=null},c);h.timeout=c;
})(window,document.documentElement,'async-hide','dataLayer',4000,
{'OPT-KKQM25V':true});</script>  
<script async src="https://www.googleoptimize.com/optimize.js?id=OPT-KKQM25V"></script>

          <link rel="alternate" href="https://www.lorealparisusa.com/en-us/makeup/eye/eye-shadow/colour-riche-eyeshadow" hreflang="en-US" />
          <link rel="alternate" href="https://es.lorealparisusa.com/es-us/maquillaje/ojos/sombra-ojos/colour-riche-eyeshadow" hreflang="es-US" />



    <title>Colour Riche Monos Matte & Shimmery Gel Eyeshadow - L'Oréal Paris</title>




<link rel="icon" href="/frontend/static/favicon/favicon.ico" sizes="any">
<link rel="icon" href="/frontend/static/favicon/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/frontend/static/favicon/apple-touch-icon.png">
<link rel="manifest" href="/frontend/static/favicon/manifest.json">

    


<meta  property="og:description" content="Discover Eye Makeup Monos Eyeshadow at L'Oréal Paris. Improve your beauty routine and shop online our Makeup Products." /><meta  property="og:type" content="product" /><meta  property="og:site_name" content="L'Oréal Paris" /><meta  property="og:image" content="https://www.lorealparisusa.com/-/media/project/loreal/brand-sites/oap/americas/us/products/makeup/eye/eye-shadow/colour-riche-eyeshadow/argentic/071249307045_t1.png" /><meta  property="og:title" content="Eye Makeup Monos Eyeshadow - L'Oréal Paris" /><meta  property="og:url" content="https://www.lorealparisusa.com/makeup/eye/eye-shadow/colour-riche-eyeshadow" />    


<meta name="description"  content="Discover Colour Riche Monos, a gel-to-powder eyeshadow with matte & shimmery finishes by L'Oréal Paris. Highly pigmented eyeshadow with a soft velvet texture.  " />    


<meta name="twitter:site"  content="@lorealparis" /><meta name="twitter:description"  content="Discover Eye Makeup Monos Eyeshadow at L'Oréal Paris. Improve your beauty routine and shop online our Makeup Products on Twitter." /><meta name="twitter:title"  content="Eye Makeup Monos Eyeshadow - L'Oréal Paris" /><meta name="twitter:card"  content="summary_large_image" />

    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <link rel="canonical" href="https://www.lorealparisusa.com/makeup/eye/eye-shadow/colour-riche-eyeshadow" />
    <script type="text/javascript">

        
        var yieldifyNewsletterSubscribed = false;
        var yieldifyLoggedInStatus = false;
        

        (function (e, t, n) { 
            try { 
                var c = ["scroll", "mousedown", "mousemove", "click", "keydown", "touchstart"], 
                o = function () { 
                    var c = t.createElement("script"); 
                    c.src = n + "&loca=" + e.location.href, 
                    c.async = !0, 
                    t.getElementsByTagName("head")[0].appendChild(c) 
                }; 
                if (/_yi=/.test(t.cookie)) o(); 
                else { 
                    var r = function (t, n) { 
                        t.forEach(function (t) { 
                            return e.removeEventListener(t, n) 
                        }) 
                    }, 
                    a = function () { 
                        try { 
                            o(), 
                            r(c, a) 
                        } catch (e) {
                            console.log(`Yieldify: Event handler failed`, e);
                        }
                    }; 
                    c.forEach(function (t) { 
                        return e.addEventListener(t, a) 
                    }) 
                } 
            } catch (e) {
                console.log(`Yieldify: Script configuration failed`, e);
            } 
        })(window, document, "https://td.yieldify.com/yieldify/code.js?w_uuid=9a740f44-caf9-4d2b-9222-d66ce9329cc3&k=1");
        </script>

    <link rel="preconnect" href="https://connect.facebook.net">
    <link rel="preconnect" href="https://www.googletagmanager.com">
</head>
<body class="default-device USCD      oap-header--signed-elements" style="" data-guest-id="36310a13-8c11-463c-a35f-a0ecdaf074bd">
    <!-- BEGIN Inline SVG -->
    
<div style="display: none;">
    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><symbol viewBox="0 0 16 16" id="arrow-back"><path d="m12.082 15.67.084-.097a1.125 1.125 0 0 0-.006-1.382L6.327 8l5.822-6.178.084-.117c.295-.486.19-1.11-.245-1.461a1.09 1.09 0 0 0-1.545.174L4.05 7.293l-.083.116c-.247.41-.217.92.073 1.287l6.413 6.898.083.092a1.09 1.09 0 0 0 1.452.07l.094-.085Z" /></symbol><symbol viewBox="0 0 6 11" id="arrow-icon"><path d="M.383 11 6 5.5.383 0 0 .372 5.234 5.5 0 10.628z" fill-rule="evenodd" /></symbol><symbol viewBox="0 0 19 39" id="arrow-next"><path d="m2 2 15 17.5L2 37" stroke-width="3" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" /></symbol><symbol viewBox="0 0 19 39" id="arrow-prev"><path d="M17 37 2 19.5 17 2" stroke-width="3" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" /></symbol><symbol viewBox="0 0 74 74" id="arrow-search"><style>#arrow-search .st0{fill:none;stroke:#9b9b9b;stroke-width:11;stroke-linecap:round}</style><g id="arrow-search_Arrows_Search"><path id="arrow-search_Line" class="st0" d="m6.3 6.2 55.6 61.7" /><path id="arrow-search_Line-Copy" class="st0" d="M6.3 6.2h49.4" /><path id="arrow-search_Line_1_" class="st0" d="M6.3 6.2v49.3" /></g></symbol><symbol viewBox="0 0 18 20" id="bag"><g stroke="#FFF" stroke-width="2" fill="none" fill-rule="evenodd"><path d="M1 7v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7H1ZM5 7h8V5a4 4 0 1 0-8 0v2Z" /></g></symbol><symbol class="icon icon-menu-toggle" aria-hidden="true" viewBox="0 0 100 100" id="burger"><g class="svg-menu-toggle"><path class="line line-1" d="M5 13h90v14H5z" /><path class="line line-2" d="M5 43h90v14H5z" /><path class="line line-3" d="M5 73h90v14H5z" /></g></symbol><symbol viewBox="0 0 40 40" id="carbon-footprint"><g fill="none" fill-rule="evenodd"><circle stroke="#969696" fill="#FFF" cx="20" cy="20" r="19.5" /><path d="M10.954 16.745c1.133 0 2.056.626 2.67 1.809h3.043c-.745-2.96-3.043-4.803-5.729-4.803a5.674 5.674 0 0 0-4.19 1.776A6.09 6.09 0 0 0 5 19.873c0 1.776.55 3.264 1.634 4.465 1.099 1.244 2.653 1.94 4.272 1.911 2.767 0 4.952-1.776 5.712-4.701H13.56c-.614 1.116-1.57 1.725-2.654 1.725-1.585 0-3.01-1.472-3.01-3.383a3.213 3.213 0 0 1 .897-2.244 2.937 2.937 0 0 1 2.161-.901m12.821-2.995a6.214 6.214 0 0 0-4.427 1.762 6.111 6.111 0 0 0-1.848 4.36c0 1.781.58 3.273 1.727 4.477a6.052 6.052 0 0 0 4.531 1.9 6.193 6.193 0 0 0 4.48-1.882 6.226 6.226 0 0 0 1.761-4.443c-.028-3.398-2.798-6.145-6.224-6.173m-.017 9.513c-1.676 0-3.198-1.458-3.198-3.357a3.15 3.15 0 0 1 1.583-2.752 3.203 3.203 0 0 1 3.195 0 3.15 3.15 0 0 1 1.583 2.752c0 1.967-1.42 3.357-3.163 3.357M35 21.274c0-1.003-.787-1.69-2.083-1.69-1.264 0-2.075.833-2.084 2.16h1.473c0-.04-.008-.09-.008-.13 0-.526.242-.825.61-.825.36 0 .578.235.578.639 0 .81-.87 1.764-2.62 2.767v1.222h4.118V24.13H32.9c1.397-.874 2.1-1.925 2.1-2.856" fill="#969696" fill-rule="nonzero" /></g></symbol><symbol viewBox="0 0 28 22" id="check"><path d="m2 10.162 7.84 8.161L25.469 2" stroke-width="4" fill="none" fill-rule="evenodd" stroke-linecap="round" /></symbol><symbol viewBox="0 0 16 16" id="close"><path d="M14.96 1.04c.364.363.305 1.021-.116 1.524l-.103.113L9.418 8l5.323 5.323c.513.513.61 1.246.22 1.637-.364.364-1.022.305-1.525-.116l-.113-.103L8 9.418l-5.323 5.323c-.513.513-1.246.61-1.637.22-.364-.364-.305-1.022.116-1.525l.103-.113L6.582 8 1.259 2.677c-.513-.513-.61-1.246-.22-1.637.364-.364 1.022-.305 1.525.116l.113.103L8 6.582l5.323-5.323c.513-.513 1.246-.61 1.637-.22Z" /></symbol><symbol viewBox="0 0 16 16" id="disabled"><path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0Zm5.135 3.854-9.281 9.281a6.6 6.6 0 0 0 9.282-9.282ZM8 1.4a6.6 6.6 0 0 0-5.135 10.746l9.281-9.281A6.572 6.572 0 0 0 8 1.4Z" fill="#000" fill-rule="evenodd" /></symbol><symbol viewBox="0 0 60 60" id="disc"><circle cx="30" cy="30" r="30" fill-rule="evenodd" /></symbol><symbol viewBox="0 0 16 16" id="discontinued"><path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0Zm5.135 3.854-9.281 9.281a6.6 6.6 0 0 0 9.282-9.282ZM8 1.4a6.6 6.6 0 0 0-5.135 10.746l9.281-9.281A6.572 6.572 0 0 0 8 1.4Z" fill="#fff" fill-rule="evenodd" /></symbol><symbol viewBox="0 0 17 18" id="edit-pencil"><g fill-rule="nonzero" fill="none"><path d="m14.425 5.904-8.486 8.485-2.828-2.828 8.485-8.486a.997.997 0 0 1 1.414 0l1.415 1.415a.997.997 0 0 1 0 1.414Z" stroke="#000" stroke-width="2" /><path fill="#000" d="m.99 12.268 4.242 4.242-4.95.708zM10.182 3.075l4.242 4.243-1.414 1.414L8.767 4.49z" /></g></symbol><symbol viewBox="0 0 22 15" id="email"><g stroke="#000" stroke-width="2" fill="none" fill-rule="evenodd"><path d="M2.038 1.036h16.988a1 1 0 0 1 1 1v10.88a1 1 0 0 1-1 1H2.038a1 1 0 0 1-1-1V2.037a1 1 0 0 1 1-1Z" /><path d="m1.538 1.478 8.994 7.1M10.532 8.579l8.995-7.1" stroke-linecap="round" /></g></symbol><symbol viewBox="0 0 22 15" id="email-white"><g stroke="#FFF" stroke-width="2" fill="none" fill-rule="evenodd"><path d="M2.038 1.036h16.988a1 1 0 0 1 1 1v10.88a1 1 0 0 1-1 1H2.038a1 1 0 0 1-1-1V2.037a1 1 0 0 1 1-1Z" /><path d="m1.538 1.478 8.994 7.1M10.532 8.579l8.995-7.1" stroke-linecap="round" /></g></symbol><symbol fill="none" viewBox="0 0 16 16" id="favorite-heart-empty"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.098.01A4.603 4.603 0 0 0 8.13 1.29L8 1.42l-.13-.129C6.968.441 5.866 0 4.585 0 1.62 0-.387 2.986.063 6.662c.116.954.886 2.343 1.915 3.759l.425.567c.145.189.295.377.447.564l.463.556.473.54c.08.09.16.177.24.264l.479.508C5.94 14.907 7.333 16 7.999 16c.444 0 1.211-.486 2.1-1.25l.452-.405.467-.445c.158-.154.317-.314.477-.48l.48-.508.238-.263.474-.541.463-.556c1.443-1.776 2.64-3.682 2.787-4.89C16.387 2.985 14.38 0 11.414 0l-.316.01Zm.316 2.077c1.566 0 2.762 1.78 2.451 4.322-.117.965-1.312 2.764-3.068 4.688a28.576 28.576 0 0 1-2.178 2.154l-.175.15-.315.26-.13.099-.28-.221-.338-.288a28.614 28.614 0 0 1-2.178-2.154c-1.756-1.924-2.95-3.723-3.068-4.688-.311-2.542.885-4.322 2.45-4.322 1.06 0 1.857.484 2.525 1.571l.888 1.447.89-1.446c.67-1.087 1.467-1.572 2.526-1.572Z" fill="#fff" /></symbol><symbol fill="none" viewBox="0 0 16 16" id="favorite-heart-full"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.098.01A4.603 4.603 0 0 0 8.13 1.29L8 1.42l-.13-.129C6.968.441 5.866 0 4.585 0 1.62 0-.387 2.986.063 6.662c.116.954.886 2.343 1.915 3.759l.425.567c.145.189.295.377.447.564l.463.556.473.54c.08.09.16.177.24.264l.479.508C5.94 14.907 7.333 16 7.999 16c.444 0 1.211-.486 2.1-1.25l.452-.405.467-.445c.158-.154.317-.314.477-.48l.48-.508.238-.263.474-.541.463-.556c1.443-1.776 2.64-3.682 2.787-4.89C16.387 2.985 14.38 0 11.414 0l-.316.01Z" fill="#E32847" /></symbol><symbol viewBox="0 0 20 17" id="filter"><g transform="translate(1)" fill="none" fill-rule="evenodd"><path d="M.648 2.5H17.51M.648 8.5H17.51M.648 14.5H17.51" stroke="currentColor" stroke-width="2" stroke-linecap="square" /><ellipse fill="currentColor" cx="7.5" cy="2.376" rx="2.5" ry="2.376" /><ellipse fill="currentColor" cx="3.5" cy="8.376" rx="2.5" ry="2.376" /><ellipse fill="currentColor" cx="12.5" cy="14.376" rx="2.5" ry="2.376" /></g></symbol><symbol viewBox="0 0 10.7 6.1" id="ico-arrow-up"><path fill="none" stroke="currentColor" d="m.4 5.7 5-5 5 5" /></symbol><symbol viewBox="0 0 15.9 15" id="ico-facebook"><path fill="currentColor" d="M11.9.1v2.4h-1.5c-.5 0-.8.1-1 .3s-.3.6-.3 1v1.7h2.7l-.4 2.7H9.1V15H6.3V8.2H4V5.5h2.4v-2c0-1.1.3-2 1-2.6S8.8 0 9.9 0c.9 0 1.5 0 2 .1z" /></symbol><symbol viewBox="0 0 15.9 15" id="ico-instagram"><path fill="currentColor" d="M9.6 9.2c.5-.5.7-1 .7-1.6s-.2-1.2-.7-1.6-1-.7-1.6-.7-1.2.2-1.7.7-.7 1-.7 1.6.2 1.2.7 1.6 1 .7 1.6.7 1.2-.2 1.7-.7zm.8-4.1c.7.7 1 1.5 1 2.5s-.3 1.8-1 2.5-1.5 1-2.5 1-1.8-.3-2.5-1-1.1-1.5-1.1-2.5.3-1.8 1-2.5 1.5-1 2.5-1 2 .3 2.6 1zm1.8-1.8c.2.2.2.4.2.6 0 .2-.1.4-.2.6-.1.1-.3.2-.6.2-.2 0-.4-.1-.6-.2-.1-.2-.2-.4-.2-.6s.1-.4.2-.6c.2-.3.4-.3.6-.3.3 0 .5.1.6.3zM8.6 1.9H5.3c-.4 0-.6 0-.9.1-.2 0-.4.1-.5.1-.4.2-.7.3-.9.6s-.3.5-.5.8c0 .1-.1.4-.1.6 0 .3-.1.6-.1.9v5.2c0 .4 0 .7.1.9 0 .3.1.5.2.7.1.2.3.5.4.7.2.2.5.4.8.5.2.1.4.1.7.2.3.1.6.1.9.1h5.2c.4 0 .7 0 .9-.1.3 0 .5-.1.7-.2.3-.1.6-.3.8-.5s.4-.5.5-.8c.1-.2.1-.4.2-.7 0-.3.1-.6.1-.9V4.9c0-.4 0-.7-.1-.9-.1-.2-.3-.5-.3-.6-.1-.3-.3-.6-.5-.8s-.5-.4-.8-.5c-.2-.1-.4-.1-.7-.2-.3 0-.6-.1-.9-.1h-.9c-.3.1-.5.1-1 .1zm6.3 2.8v5.8c-.1 1.3-.4 2.2-1.1 2.9s-1.7 1.1-2.9 1.1H5.1c-1.3-.1-2.2-.4-2.9-1.1S1 11.8.9 10.4V4.6C1 3.4 1.4 2.5 2 1.8S3.7.7 5 .6h5.8c1.3.1 2.2.4 2.9 1.1s1.1 1.7 1.2 3z" /></symbol><symbol viewBox="0 0 512 512" id="ico-mail"><path fill="currentColor" d="M464 88H52c-27.354 0-50 22.214-50 50v240c0 27.57 22.43 50 50 50h412c27.57 0 50-22.43 50-50V138c0-27.419-22.319-50-50-50zm-38.752 40L258 234.302 90.752 128h334.496zM474 378c0 5.514-4.486 10-10 10H52c-5.514 0-10-4.486-10-10V144.41l205.271 130.469a20 20 0 0 0 21.457 0L474 144.41V378z" /></symbol><symbol viewBox="0 0 15.9 15" id="ico-pinterest"><path fill="currentColor" d="M14.1 4c.6 1.1.9 2.2.9 3.5s-.3 2.4-.9 3.5c-.6 1.1-1.5 1.9-2.5 2.5-1.2.7-2.3 1-3.6 1-.7 0-1.3-.1-2-.3.4-.6.6-1.1.7-1.5.1-.2.2-.8.5-1.9.1.2.3.4.7.6.3.2.7.3 1 .3.7 0 1.4-.2 2-.6.6-.4 1-1 1.3-1.7s.5-1.5.5-2.5c0-.7-.2-1.3-.5-2-.4-.6-.9-1.1-1.6-1.5-.8-.4-1.5-.5-2.4-.5-.7 0-1.3 0-1.8.2s-1 .4-1.4.7-.7.6-1 1c-.2.4-.5.8-.5 1.2-.3.4-.3.8-.3 1.2 0 .6.1 1.2.4 1.7s.6.8 1.1 1c.1.1.2 0 .2-.2 0 0 0-.1.1-.3s.1-.2.1-.3 0-.3-.1-.4c-.2-.3-.5-.8-.5-1.3 0-.9.3-1.7 1-2.4S7 4 8.1 4c.9 0 1.6.2 2.1.7s.8 1.2.8 2c0 1-.2 1.9-.6 2.6s-1 1.2-1.6 1.2c-.4 0-.7-.1-.9-.4-.3-.3-.3-.6-.2-1 0-.2.1-.5.2-.9 0-.4.1-.7.2-.9.1-.3.1-.5.1-.7 0-.3-.1-.6-.2-.8-.2-.1-.5-.2-.8-.2-.4 0-.7.2-1 .5-.2.3-.3.8-.3 1.3 0 .4.1.8.2 1.1l-.9 3.8c-.1.4-.1 1-.1 1.6-1.3-.6-2.3-1.4-3-2.6S.9 8.9.9 7.5c0-1.3.3-2.4.9-3.5s1.5-1.9 2.5-2.5 2.3-1 3.6-1 2.4.3 3.5.9 1.9 1.5 2.7 2.6z" /></symbol><symbol viewBox="0 0 15.9 15" id="ico-tumblr"><path fill="currentColor" d="m11.6 12 .8 2.1c-.1.2-.5.4-1 .6s-1.2.3-1.6.3c-.7 0-1.3-.1-1.8-.2-.5-.2-1-.4-1.3-.7-.3-.3-.6-.6-.9-1s-.4-.7-.6-1.1c-.1-.4-.2-.7-.2-1.1V6.1H3.5V4.2c.5-.2.8-.4 1.2-.7s.6-.5.8-.8.4-.6.5-.9.3-.6.3-.9.1-.5.2-.8V0h2.4v3.8H12v2.3H8.9v4.7c0 .2 0 .3.1.5 0 .2.1.3.2.5.1.1.2.2.4.3s.5.1.8.1c.5 0 1-.1 1.2-.2z" /></symbol><symbol viewBox="0 0 15.9 15" id="ico-twitter"><path fill="currentColor" d="M14.9 3.3c-.4.6-.9 1-1.4 1.4v.4c0 .7-.1 1.5-.3 2.2s-.6 1.5-1 2.1c-.5.7-1 1.3-1.6 1.8s-1.4.9-2.3 1.3c-1 .3-2 .5-3 .5-1.6 0-3.1-.4-4.4-1.2h.7c1.3 0 2.5-.4 3.6-1.2-.7 0-1.2-.2-1.7-.6s-.8-.8-1-1.4H3c.3 0 .5 0 .8-.1-.7-.1-1.2-.5-1.6-1s-.6-.9-.6-1.6c.4.2.7.3 1.2.3-.4-.2-.7-.6-1-1-.3-.4-.2-.8-.2-1.3s.1-1 .4-1.4c.7.9 1.6 1.5 2.6 2s2.1.8 3.3.9c0-.2-.1-.4-.1-.6 0-.8.3-1.4.8-2 .5-.5 1.2-.8 2-.8s1.5.3 2.1.9c.6-.1 1.3-.3 1.8-.7-.2.7-.6 1.2-1.3 1.5.6 0 1.1-.2 1.7-.4z" /></symbol><symbol viewBox="0 0 15.9 15" id="ico-youtube"><path fill="currentColor" d="m6.2 9.5 4.3-2.2-4.3-2.2v4.4zM7.9 2h2.9c.9 0 1.6.1 2 .1h1.3c.1 0 .2 0 .3.1.1 0 .2.1.2.1s.2.1.3.2.2.1.3.2c0 0 .1.1.1.2.1.1.1.2.3.5.1.3.2.6.2.9 0 .4.1.8.1 1.2V8c0 .8 0 1.7-.2 2.5 0 .3-.1.6-.2.9s-.2.4-.3.5l-.1.1c-.1.1-.2.2-.3.2s-.2.1-.3.2c-.1 0-.2.1-.2.1-.1 0-.2.1-.3.1h-.5c-1.5.3-3.4.4-5.6.4-1.2 0-2.3 0-3.2-.1-.9 0-1.5 0-1.8-.1h-.7c-.2 0-.4-.1-.5-.1s-.3-.1-.5-.2-.4-.2-.5-.4c0 0-.1-.1-.1-.2-.1 0-.2-.1-.3-.4s-.2-.6-.2-.9c0-.4-.1-.8-.1-1.2V6.9c0-.8 0-1.7.2-2.5 0-.3.1-.6.2-.9.1-.3.1-.4.2-.5l.1-.1c.1-.2.2-.2.3-.3.1-.1.2-.1.3-.2.1 0 .2-.1.2-.1.1 0 .2-.1.3-.1h.6C3.8 2.1 5.7 2 7.9 2z" /></symbol><symbol viewBox="0 0 14 16" id="icon-bell"><g fill-rule="nonzero"><path d="M7 0C4.279 0 2.073 2.182 2.073 4.875v2.504l-1.416 1.4A2.205 2.205 0 0 0 .17 11.2a2.246 2.246 0 0 0 2.073 1.372h9.512c.908 0 1.726-.542 2.073-1.371a2.205 2.205 0 0 0-.486-2.42l-1.416-1.401V4.875C11.927 2.182 9.721 0 7 0Zm5.244 9.867a.677.677 0 0 1 .149.744.69.69 0 0 1-.637.421H2.244a.69.69 0 0 1-.637-.421.677.677 0 0 1 .15-.744l1.872-1.852v-3.14c0-1.842 1.51-3.336 3.371-3.336 1.862 0 3.371 1.494 3.371 3.336v3.14l1.873 1.852ZM4.667 14.857h4.667V16H4.667z" /></g></symbol><symbol viewBox="0 0 10 16" id="icon-chevron"><path class="st0" d="M1.1 15.8c.4.4 1.1.3 1.5-.1l.1-.1 6.4-6.9c.3-.4.3-.9.1-1.3l-.1-.1L2.7.4C2.3-.1 1.6-.1 1.1.2.7.6.6 1.2.9 1.7l.1.1L6.8 8 1 14.2c-.3.4-.3 1 0 1.4l.1.2z" /></symbol><symbol viewBox="0 0 16 16" id="icon-earth"><g fill="#FFF" fill-rule="evenodd"><path d="M10.281 1.267c1.163 1.403 1.918 3.845 1.918 6.677 0 2.832-.755 5.274-1.918 6.677 2.755-.967 4.736-3.595 4.736-6.677 0-3.082-1.981-5.71-4.736-6.677ZM7.944 15.888a.436.436 0 0 1 0-.871c1.835 0 3.385-3.239 3.385-7.073C11.329 4.11 9.779.87 7.944.87a.435.435 0 0 1 0-.87c4.38 0 7.944 3.564 7.944 7.944s-3.564 7.944-7.944 7.944Z" /><path d="M5.608 1.267C2.852 2.234.871 4.862.871 7.944c0 3.082 1.981 5.71 4.737 6.677-1.164-1.403-1.919-3.845-1.919-6.677 0-2.832.755-5.274 1.919-6.677Zm2.336 14.621C3.564 15.888 0 12.324 0 7.944S3.564 0 7.944 0a.435.435 0 1 1 0 .87c-1.835 0-3.385 3.24-3.385 7.074 0 3.834 1.55 7.073 3.385 7.073a.435.435 0 1 1 0 .871Z" /><path d="M7.509.932c-1.638.462-2.95 3.485-2.95 7.012 0 3.527 1.312 6.55 2.95 7.012V.932Zm.435 14.956c-2.386 0-4.255-3.489-4.255-7.944S5.558 0 7.944 0c.241 0 .435.195.435.435v15.017a.435.435 0 0 1-.435.436Z" /><path d="M8.379.932v14.024c1.639-.462 2.95-3.485 2.95-7.012 0-3.527-1.311-6.55-2.95-7.012Zm-.435 14.956a.436.436 0 0 1-.435-.436V.435c0-.24.195-.435.435-.435 2.386 0 4.255 3.489 4.255 7.944s-1.869 7.944-4.255 7.944Z" /><path d="M15.453 8.379H.441a.435.435 0 0 1 0-.87h15.012a.435.435 0 1 1 0 .87" /></g></symbol><symbol viewBox="0 0 15.72 15.99" id="icon-edit-black"><path d="M1.41 11.97a.94.94 0 0 1 .59.3l1.65 1.75a1 1 0 0 1 0 1.41 1 1 0 0 1-.54.26l-1.92.29a1 1 0 0 1-1.2-.84 1.31 1.31 0 0 1 0-.28l.27-2a1 1 0 0 1 1.15-.89Zm12-11.25.12.11 1.33 1.33a2.77 2.77 0 0 1 .22 3.77l-.09.14-8.19 8.18a.95.95 0 0 1-1.4-1.26l.07-.08 5.83-5.83-2.58-2.74-5.91 5.91a.93.93 0 0 1-1.3 0 .92.92 0 0 1-.1-1.22l.06-.08L9.65.72a2.74 2.74 0 0 1 3.76 0Zm-2.36 1.29-.06.07-1 1 2.6 2.71 1.05-1.07a.9.9 0 0 0 0-1.21l-.07-.08-1.3-1.31a.93.93 0 0 0-1.22-.11Z" /></symbol><symbol viewBox="0 0 16 17" id="icon-edit-white"><path fill="#FFF" class="st0" d="M1.4 12.2c.2 0 .4.1.6.3l1.6 1.7c.4.4.4 1 0 1.4-.1.1-.3.2-.5.3l-1.9.3c-.6.1-1.1-.2-1.2-.8v-.3l.3-2c.1-.5.6-.9 1.1-.9zM13.4 1l.1.1 1.3 1.3c1.1 1.1 1.1 2.7.2 3.8v.2l-8.2 8.2c-.3.3-.9.3-1.3 0-.3-.3-.4-.9-.1-1.2l.1-.1 5.8-5.8-2.6-2.9-5.9 5.9c-.3.3-.9.3-1.3 0-.3-.3-.4-.9-.1-1.2l.1-.1L9.7 1c1-1 2.6-1 3.7 0zm-2.3 1.3-1 1L12.7 6l1-1c.3-.3.3-.8 0-1.2l-.1-.1-1.3-1.3c-.4-.3-.9-.4-1.2-.1z" /></symbol><symbol viewBox="0 0 40 40" id="icon-email"><circle cx="20" cy="20" r="20" style="fill:#fff" /><path d="M26.8 15c.7 0 1.2.6 1.2 1.3v8.3c0 .7-.6 1.3-1.3 1.3H14.3c-.7 0-1.2-.6-1.2-1.3v-8.4c0-.7.6-1.3 1.3-1.3l12.4.1zm-11.9 3.2v5.7h11v-5.5l-4.5 3.4c-.3.4-.9.4-1.3.2l-.1-.2-5.1-3.6zm9.5-1.3h-7.8l4 2.9 3.8-2.9z" style="fill:#020202" /></symbol><symbol viewBox="0 0 40 40" id="icon-favorite-black-in-circle-white"><circle cx="124" cy="539" r="20" style="fill:#fff" transform="translate(-104 -519)" /><path d="M20 27.2c-.2 0-.5-.1-.7-.2-2-1.5-6.6-5.1-7.3-7.4-.4-1.1-.2-2.4.5-3.5.7-1.2 2-2 3.5-2.2 1.8-.2 3.1.6 4 1.5.9-1 2.2-1.8 4-1.5 1.5.2 2.7 1 3.5 2.2.7 1.1.8 2.4.5 3.5-.7 2.5-6.2 6.6-7.3 7.4-.2.1-.5.2-.7.2zm-3.4-11h-.3c-1.1.1-1.6.7-1.8 1.1-.3.5-.4 1.1-.3 1.6v.1c.3 1 3.1 3.6 5.8 5.6 2.7-2 5.5-4.6 5.7-5.7v-.1c.2-.4.1-1-.2-1.6-.2-.4-.8-1-1.8-1.1-1.7-.1-2.5 1.6-2.6 1.9-.1.5-.6.9-1.1.9-.6 0-1-.4-1.1-.9-.1-.3-.8-1.8-2.3-1.8z" /></symbol><symbol viewBox="0 0 40 40" id="icon-favorite-black-on-transparent-background"><defs></defs><g clip-path="url(#icon-favorite-black-on-transparent-background_a)" transform="translate(-104 -519)"><path d="M124 545.053s6.275-4.593 6.853-6.807c.579-1.6-.578-3.91-2.993-4.216-2.415-.307-3.685 1.837-3.86 2.718h0c-.175-.881-1.445-3.025-3.86-2.718-2.415.306-3.572 2.615-2.993 4.216.578 2.214 6.854 6.807 6.854 6.807h-.002Z" stroke="#000" stroke-width="2.3" fill="none" stroke-linecap="round" stroke-linejoin="round" /></g></symbol><clipPath id="icon-favorite-black-on-transparent-background_a"><path d="M375 0v667H0V0h375Z" /></clipPath><symbol viewBox="0 0 25 21" id="icon-favorite-thin"><defs><filter id="icon-favorite-thin_b" x="-31.924%" y="-33.247%" filterUnits="userSpaceOnUse" width="140.102%" height="147.852%"><feGaussianBlur stdDeviation="1" in="SourceAlpha" result="i2"></feGaussianBlur><feOffset dy="1" in="i2" result="i3"></feOffset><feColorMatrix values="0 0 0 0.0 0 0 0 0 0.0 0 0 0 0 0.0 0 0 0 0 0.5 0" in="i3"></feColorMatrix></filter></defs><g clip-path="url(#icon-favorite-thin_a)" transform="translate(-28 -366)"><g stroke-width="1.9" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M9.499 15s8.517-6.233 9.302-9.237C19.586 3.59 18.016.456 14.738.04c-3.277-.415-5 2.494-5.24 3.69h.003C9.262 2.534 7.538-.375 4.261.04.984.456-.586 3.59.2 5.763.984 8.767 9.501 15 9.501 15H9.5Z" stroke="#000" filter="url(#icon-favorite-thin_b)" transform="translate(31 368)" /><path d="M40.499 383s8.517-6.233 9.302-9.237c.785-2.173-.785-5.307-4.063-5.723-3.277-.415-5 2.494-5.24 3.69h.003c-.239-1.196-1.963-4.105-5.24-3.69-3.277.416-4.847 3.55-4.062 5.723.785 3.004 9.302 9.237 9.302 9.237H40.5Z" stroke="#FFF" /></g></g></symbol><clipPath id="icon-favorite-thin_a"><path d="M375 0v667H0V0h375Z" /></clipPath><symbol viewBox="0 0 16 13" id="icon-favorite-white"><path d="m8.08 1.59-.078.092-.074-.087C7.028.575 5.634-.117 4.02.087 1.18.447-.59 3.232.253 5.57c.213.83 1.03 1.89 2.334 3.175.406.399.853.813 1.336 1.24a51.248 51.248 0 0 0 1.798 1.508l.827.652.872.667c.153.118.35.192.58.192.124-.004.281-.055.471-.154.284-.148.903-.644 1.19-.869a53.677 53.677 0 0 0 2.415-1.996c.483-.426.931-.841 1.337-1.24 1.304-1.284 2.12-2.345 2.36-3.258.818-2.254-.953-5.038-3.794-5.399-1.616-.205-3 .475-3.9 1.503Zm3.66.382c1.59.202 2.573 1.664 2.26 2.824l-.04.127c-.149.553-.816 1.418-1.88 2.467-.38.373-.802.764-1.26 1.168a51.82 51.82 0 0 1-2.328 1.925l-.493.38-.491-.38A51.905 51.905 0 0 1 5.18 8.558c-.458-.404-.88-.795-1.26-1.168-.998-.983-1.646-1.806-1.825-2.291l-.029-.093c-.451-1.26.544-2.825 2.194-3.034 1.36-.172 2.507.854 2.78 1.843l.03.128c.01.045.023.089.04.134l.046.108c.42.855 1.683.57 1.79-.29l.003-.04-.002.01c.269-1.036 1.41-2.068 2.793-1.893Z" fill="#FFF" fill-rule="nonzero" /></symbol><symbol viewBox="0 0 10 10" id="icon-remove-black"><path d="M1.8.3 5 3.5 8.2.3c.4-.4 1-.4 1.4-.1l.1.1c.4.4.4 1.1 0 1.5L6.5 5l3.2 3.2c.4.4.4 1 .1 1.4l-.1.1c-.4.4-1.1.4-1.5 0L5 6.5 1.8 9.7c-.4.4-1 .4-1.4.1l-.1-.1c-.4-.4-.4-1.1 0-1.5L3.5 5 .3 1.8C-.1 1.4-.1.8.2.4L.3.3c.4-.4 1.1-.4 1.5 0z" /></symbol><symbol viewBox="0 0 10 10" id="icon-remove-white"><path fill="#FFF" class="st0" d="M1.8.3 5 3.5 8.2.3c.4-.4 1-.4 1.4-.1l.1.1c.4.4.4 1.1 0 1.5L6.5 5l3.2 3.2c.4.4.4 1 .1 1.4l-.1.1c-.4.4-1.1.4-1.5 0L5 6.5 1.8 9.7c-.4.4-1 .4-1.4.1l-.1-.1c-.4-.4-.4-1.1 0-1.5L3.5 5 .3 1.8C-.1 1.4-.1.8.2.4L.3.3c.4-.4 1.1-.4 1.5 0z" /></symbol><symbol viewBox="0 0 28 28" id="icon-switch"><style>#icon-switch .st0{fill:#fff}</style><defs><path id="icon-switch_SVGID_1_" d="M21 5.1c1 0 1.9.8 1.9 1.8v14c0 1-.8 1.9-1.9 1.9H7c-1 0-1.8-.8-1.8-1.9V7C5.1 6 6 5.1 7 5.1h14zm0 1.7H7c-.1 0-.2.1-.2.2v14c0 .1.1.1.2.1h14c.1 0 .1-.1.1-.1V7c0-.1 0-.2-.1-.2z" /></defs><use xlink:href="#icon-switch_SVGID_1_" style="overflow:visible;fill:#fff" /><path class="st0" d="M8.3-5.1c.4 0 .7.1 1 .4l2 1.9c.3.3.3.8 0 1.2-.3.3-.9.3-1.2 0L9-2.6v5.8c0 .2-.1.4-.3.6-.1.1-.3.2-.5.2-.5 0-.9-.4-.9-.9v-5.7l-.7 1c-.3.3-.9.3-1.2 0-.3-.4-.3-.9 0-1.2l1.9-1.9c.2-.3.6-.4 1-.4z" transform="rotate(90 5.259 8.109)" /><path class="st0" d="M8.3 5.1c.4 0 .7.1 1 .4l2 1.9c.3.3.3.8 0 1.2-.3.3-.9.3-1.2 0L9 7.6v5.8c0 .2-.1.4-.3.6-.2.1-.4.2-.6.2-.5 0-.8-.4-.8-.8V7.7l-.7.9c-.3.3-.9.3-1.2 0-.3-.3-.3-.8 0-1.2l1.9-1.9c.2-.2.6-.4 1-.4z" transform="matrix(0 1 1 0 4.278 8.75)" /></symbol><clipPath id="icon-switch_SVGID_2_"><use xlink:href="#icon-switch_SVGID_1_" style="overflow:visible" /></clipPath><symbol viewBox="0 0 75 20" id="loreal-paris-logo"><defs><path id="loreal-paris-logo_a" d="M0 0h75v20H0z" /></defs><g fill="none" fill-rule="evenodd"><path d="M9.784 11.481h-8.27V1.833H0v10.83h9.784v-1.182ZM8.122 5.664l2.038-3.831H8.52L7 5.663h1.122Zm10.124 6.569c-3.037 0-5.54-2.442-5.54-5.384 0-2.94 2.385-5.498 5.658-5.498a5.494 5.494 0 0 1 5.538 5.498c0 2.942-2.62 5.384-5.656 5.384ZM18.298 0c-4.39 0-7.381 3.096-7.381 6.845 0 3.947 3.305 6.731 7.381 6.731 4.076 0 7.38-2.744 7.38-6.73 0-3.75-3.03-6.846-7.38-6.846Zm15.957 6.84H29.2V3.115h5.23c1.204 0 1.882.563 2.126 1.276.16.49.057 1.134-.209 1.571-.437.725-1.267.878-2.093.878Zm1.296 1.296c2.479-.663 2.72-2.51 2.709-3.17-.149-1.934-1.45-3.133-3.793-3.133h-6.822v10.83h1.556V8.121h4.44l3.267 4.542h1.96s-2.35-3.057-3.317-4.527Zm19.663.369 2.593-5.175 2.626 5.175h-5.219Zm1.539-6.672-5.503 10.83h1.86l1.408-2.803h6.6l1.421 2.803h1.841l-5.508-10.83h-2.12ZM75 11.48h-8.27V1.833h-1.514v10.83H75v-1.182ZM48.635.084h-2.803l-1.31 1.472L48.634.084Zm-.15 7.612V6.498h-6.022V3.012h8.018v-1.18h-9.679v10.831h9.68v-1.182h-8.02V7.696h6.023ZM43.46 19.843h.776V16.75h-.776v3.092Zm-.005-3.55h.776v-.777h-.776v.777Zm5.932 1.243-1.667-.284c-.341-.06-.691-.18-.691-.548 0-.656.837-.759 1.333-.759.659 0 1.407.211 1.447.88h.74c-.032-.476-.236-1.38-2.276-1.38-1.415 0-2.01.662-2.01 1.337 0 .754.863.952 1.245 1.018l1.196.206c.959.168 1.244.313 1.244.765 0 .62-.96.729-1.53.729-.747 0-1.609-.23-1.609-1.013h-.74c0 .405.097.766.593 1.097.26.175.684.416 1.765.416 1 0 2.285-.283 2.285-1.308 0-.686-.57-1.023-1.325-1.156Zm-18.082.553 1.074-1.904h.019l.99 1.904h-2.083Zm.607-2.548-2.52 4.326h.933l.7-1.26h2.69l.662 1.26h.99l-2.428-4.326h-1.027Zm5.734 2h1.627c.734 0 1.232-.193 1.232-.777 0-.549-.523-.724-1.198-.724h-1.661v1.5Zm3.892 2.295h-.923l-1.235-1.756c-.015-.022-.045-.034-.076-.04h.04a.1.1 0 0 0-.04 0h-1.658v1.827h-.818V15.54h2.723c1.122 0 1.796.518 1.796 1.217 0 .498-.33 1.049-1.187 1.225l1.378 1.854ZM27.101 17.54h-1.627v-1.5h1.66c.675 0 1.198.174 1.198.723 0 .584-.498.777-1.231.777Zm.278-2h-2.724v4.326h.819v-1.826h1.905c1.316 0 1.796-.68 1.796-1.283 0-.7-.674-1.217-1.796-1.217Z" fill="#fff" mask="url(#loreal-paris-logo_b)" /></g></symbol><mask id="loreal-paris-logo_b" fill="#fff"><use xlink:href="#loreal-paris-logo_a" /></mask><symbol viewBox="0 0 23 23" id="media-pause-icon"><g transform="translate(1 1)" stroke="#FFF" fill="none" fill-rule="evenodd"><circle cx="10.374" cy="10.374" r="10.374" /><g stroke-linecap="round" stroke-width="1.5"><path d="M7.5 5v10M13.5 5v10" /></g></g></symbol><symbol viewBox="0 0 23 23" id="media-play-icon"><g transform="translate(1 1)" fill="none" fill-rule="evenodd"><circle stroke="#FFF" cx="10.374" cy="10.374" r="10.374" /><path d="M7 5.859v8.3a.5.5 0 0 0 .739.44l7.47-4.061a.5.5 0 0 0 .008-.875l-7.47-4.24A.5.5 0 0 0 7 5.86Z" fill="#FFF" /></g></symbol><symbol fill="none" viewBox="0 0 22 20" id="my-account"><path clip-rule="evenodd" d="M6.482 5.731a4.236 4.236 0 0 1 4.23-4.231 4.237 4.237 0 0 1 4.234 4.231c0 1.285-.588 2.424-1.495 3.201a4.194 4.194 0 0 1-2.738 1.031A4.188 4.188 0 0 1 7.98 8.934c-.91-.776-1.498-1.917-1.498-3.203Zm8.689 3.596a5.702 5.702 0 0 0 1.275-3.596A5.738 5.738 0 0 0 10.713 0a5.738 5.738 0 0 0-5.731 5.731c0 1.362.479 2.614 1.276 3.599C2.303 10.574.2 13.716 0 18.719a.75.75 0 0 0 .718.78c.417.057.763-.305.78-.719.186-4.651 2.19-7.369 6.097-8.245a5.695 5.695 0 0 0 6.24-.003c3.913.874 5.92 3.594 6.107 8.248a.75.75 0 0 0 .748.72l.03-.001a.75.75 0 0 0 .72-.78c-.2-5.009-2.307-8.151-6.27-9.392Z" fill="currentColor" fill-rule="evenodd" /></symbol><symbol viewBox="0 0 8 8" id="open-new-window"><g fill-rule="nonzero" stroke="#fff" stroke-width="2" fill="none" stroke-linecap="round"><path d="M1 1.035V7h5.978M4.01 3.987l2.962-2.93M7 2.965V1H5" /></g></symbol><symbol viewBox="0 0 44 44" id="pause"><path d="M15.5 0c-1.103 0-2 .897-2 2v40c0 1.103.897 2 2 2s2-.897 2-2V2c0-1.103-.897-2-2-2zm13 0c-1.103 0-2 .897-2 2v40c0 1.103.897 2 2 2s2-.897 2-2V2c0-1.103-.897-2-2-2z" /></symbol><symbol viewBox="0 0 512 512" id="play"><path d="M133 440a35.37 35.37 0 0 1-17.5-4.67c-12-6.8-19.46-20-19.46-34.33V111c0-14.37 7.46-27.53 19.46-34.33a35.13 35.13 0 0 1 35.77.45l247.85 148.36a36 36 0 0 1 0 61l-247.89 148.4A35.5 35.5 0 0 1 133 440Z" /></symbol><symbol viewBox="0 0 27 27" id="plus"><g stroke-width="4" fill="none" fill-rule="evenodd" stroke-linecap="round"><path d="M24.814 13.5H2.186M13.5 2.186v22.628" /></g></symbol><symbol viewBox="0 0 22 15" fill="none" id="schedule"><path d="M16.102 9.583v1.836c0 1.091-.735 1.984-1.633 1.984H2.633C1.735 13.403 1 12.51 1 11.42V3.48c0-1.092.735-1.985 1.633-1.985h11.836c.898 0 1.633.893 1.633 1.985v1.885L21 1v12.9l-4.898-4.317zM3.45 5.465h4.897" stroke="#fff" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" /></symbol><symbol viewBox="0 0 20 20" id="search"><g stroke-width="2" stroke-linecap="round" stroke-linejoin="bevel" fill="none" fill-rule="evenodd"><path d="M13.292 3.937a6.615 6.615 0 1 1-9.355 9.355 6.615 6.615 0 0 1 9.355-9.355ZM15.29 15.388l3.93 3.93" /></g></symbol><symbol viewBox="0 0 512 512" id="sound-available"><path d="M391 256c0-35.5-21.7-65.9-52.5-78.7l-16.4 39.4c15.4 6.4 26.2 21.6 26.2 39.4 0 17.7-10.8 32.9-26.2 39.4l16.4 39.4c30.8-13 52.5-43.4 52.5-78.9zM371.3 98.5l-16.4 39.4c46.3 19.3 78.8 64.9 78.8 118.1 0 53.3-32.5 98.8-78.8 118.1l16.4 39.4c61.7-25.7 105-86.5 105-157.5S433 124.2 371.3 98.5zM49.7 149.3v213.3H135L284.3 512V0L135 149.3H49.7z" /></symbol><symbol viewBox="0 0 36 36" id="sound-muted"><path class="clr-i-solid clr-i-solid-path-1" d="M24.87 6.69a12.42 12.42 0 0 1 3.88 19.61l1.42 1.42a14.43 14.43 0 0 0-4.43-22.84 1 1 0 0 0-.87 1.8Z" /><path class="clr-i-solid clr-i-solid-path-2" d="m27.3 27.67-3.84-3.84-.57-.57L4.63 5 3.21 6.41 8.8 12H3a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h5.83l9.51 8.3a1 1 0 0 0 1.66-.75V23.2l5.59 5.59c-.17.1-.34.2-.51.29a1 1 0 0 0 .9 1.79c.37-.19.72-.4 1.08-.62l2.14 2.14L30.61 31l-3.25-3.25Z" /><path class="clr-i-solid clr-i-solid-path-3" d="M22.69 12.62A6.27 6.27 0 0 1 25.8 18a6.17 6.17 0 0 1-1.42 3.92l1.42 1.42a8.16 8.16 0 0 0 2-5.34 8.28 8.28 0 0 0-4.1-7.11 1 1 0 1 0-1 1.73Z" /><path class="clr-i-solid clr-i-solid-path-4" d="M20 4.62a1 1 0 0 0-1.66-.75l-6.42 5.6L20 17.54Z" /><path fill="none" d="M0 0h36v36H0z" /></symbol><symbol viewBox="0 0 512 512" id="sound-not-available"><path d="M214.986 24.477 99.224 140.238H0v231.524h99.224l115.762 115.761h16.537V24.477zM512 191.685l-35.081-35.081-64.315 64.315-64.317-64.315-35.079 35.081L377.523 256l-64.315 64.315 35.079 35.081 64.317-64.315 64.315 64.315L512 320.315 447.683 256z" /></symbol><symbol viewBox="0 0 16 14" id="tick"><path d="M13.861.997a1.237 1.237 0 0 1 1.74-.076c.462.42.527 1.11.173 1.606l-.097.12L5.756 13.4.324 7.534a1.215 1.215 0 0 1 .074-1.726 1.238 1.238 0 0 1 1.628-.034l.111.107 3.614 3.904 8.11-8.788Z" fill-rule="evenodd" /></symbol><symbol viewBox="0 0 13 18" id="trash-closed"><g fill-rule="nonzero" fill="none"><path d="m2.913 16-.818-9h8.81l-.818 9H2.913Z" stroke="#000" stroke-width="2" /><path d="M1 3h11a1 1 0 0 1 1 1v1H0V4a1 1 0 0 1 1-1ZM6 0h1a1 1 0 0 1 1 1v1H5V1a1 1 0 0 1 1-1Z" fill="#000" /></g></symbol><symbol viewBox="0 0 14 20" id="trash-opened"><g fill-rule="nonzero" fill="none"><path d="m2.913 19-.818-9h8.81l-.818 9H2.913Z" stroke="#FFF" stroke-width="2" /><g fill="#FFF"><path d="m2.058 3.56 10.625 2.846a1 1 0 0 1 .707 1.225l-.259.966L.574 5.232l.26-.965a1 1 0 0 1 1.224-.708ZM7.664 1.956l.966.259a1 1 0 0 1 .707 1.224l-.259.966-2.897-.776.258-.966a1 1 0 0 1 1.225-.707Z" /></g></g></symbol><symbol viewBox="0 0 40 40" id="water-footprint"><g fill="none" fill-rule="evenodd"><circle stroke="#969696" fill="#FFF" cx="20" cy="20" r="19.5" /><path d="M20.412 7.7a.542.542 0 0 0-.838 0c-1.78 2.346-8.434 11.516-8.434 15.836.025 4.958 3.982 8.964 8.854 8.964 4.872 0 8.83-4.006 8.854-8.964 0-4.32-6.653-13.49-8.435-15.836m2.32 21.622a.774.774 0 0 1-.337.051.89.89 0 0 1-.787-.462c-.153-.396.04-.834.45-1.025 3.319-1.231 3.036-4.924 2.98-4.976a.75.75 0 0 1 .371-.695.915.915 0 0 1 .847-.052c.272.123.45.369.47.645.224 1.641-.45 5.18-3.994 6.514" fill="#969696" fill-rule="nonzero" /></g></symbol><symbol viewBox="0 0 60 60" id="wow-badge-round"><path d="M60 30a3.93 3.93 0 0 0-.16-1.17 1.12 1.12 0 0 0-.05-.13 15.62 15.62 0 0 0-1.35-3c-.39-.72-.69-1.27-.91-1.75a14.67 14.67 0 0 1-.66-4.38c0-.85-.11-1.57-.19-2.19-.24-2.65-1-3.47-3.31-4.72a14.47 14.47 0 0 1-6-6c-1.47-2.8-2.31-3.21-6.84-3.51-3.6-.23-4.05-.35-6.81-1.82l-.14-.06A6.94 6.94 0 0 0 30 0a3.93 3.93 0 0 0-1.17.16h-.13a15.62 15.62 0 0 0-3 1.35c-.7.49-1.27.74-1.7.96a14.67 14.67 0 0 1-4.38.66c-.85.05-1.57.11-2.19.19-2.65.24-3.47.95-4.72 3.31a14.47 14.47 0 0 1-6 6C3.84 14.11 3.43 15 3.13 19.48c-.23 3.6-.35 4.05-1.82 6.81l-.06.14A6.94 6.94 0 0 0 0 30a3.93 3.93 0 0 0 .16 1.17 1.12 1.12 0 0 0 0 .13 15.62 15.62 0 0 0 1.35 3c.39.72.69 1.27.91 1.75a14.67 14.67 0 0 1 .66 4.38c.05.85.11 1.57.19 2.19.24 2.65.95 3.47 3.31 4.72a14.47 14.47 0 0 1 6 6c1.47 2.8 2.31 3.21 6.84 3.51 3.6.23 4.05.35 6.81 1.82l.14.06A6.94 6.94 0 0 0 30 60a3.93 3.93 0 0 0 1.17-.16l.13-.05a15.62 15.62 0 0 0 3-1.35c.72-.39 1.27-.69 1.75-.91a14.67 14.67 0 0 1 4.38-.66c.85 0 1.57-.11 2.19-.19 2.65-.24 3.47-1 4.72-3.31a14.47 14.47 0 0 1 6-6c2.8-1.47 3.21-2.31 3.51-6.84.23-3.6.35-4.05 1.82-6.81l.06-.14A6.94 6.94 0 0 0 60 30Z" fill="currentColor" /></symbol><symbol viewBox="0 0 42 34" id="wow-quotes"><path d="M13 3.3C.2 10.9-4.2 27.8 5.3 32.7c3.5 1.8 9 1.2 11.8-1.3 4.7-4.2 2.7-12.3-3.6-14.4-3.1-1-3.4-1.4-2.9-3.8 1-4 2.3-6.4 5.7-10C18 1.5 19.2 0 18.9 0 18.6 0 16 1.5 13 3.3zM34.5 5.1c-5 4.6-8.5 12.5-8.5 19 0 3.1.7 4.7 2.9 7 1.9 2.3 6.3 3.1 9.9.9 4.6-4.3 3.8-11.1-1.6-14.5-2.7-1.7-3.1-2.4-2.6-5 .3-1.7 1.7-4.9 3-7.3C39 2.9 39.8 1 39.5 1s-2.5 1.8-5 4.1z" fill="currentColor" /></symbol></defs></svg>
</div>

    <!-- /END Inline SVG -->

    <script>
        var html = document.querySelector('html')
        html.classList.remove('no-js')
        if (('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch) {
            html.classList.remove('no-touch')
            html.classList.add('has-touch')
        }
    </script>

        <div class="oap-pdp-layout">

    
              <div id="main-container">
                  




<a href="#main-content" class="goToContent" aria-hidden="false">Go to content</a>

<header class="oap-header oap-header--container oap-header--signed-elements " role="banner">

    <div class="oap-header__main">
        <div class="oap-header__wrapper" v-megamenu:barscroll  v-navigation-height>

            

            


            <div class="oap-header__utilities">

                    <div class="oap-header__logo-wrapper">
        <header-logo logo="/-/media/project/loreal/brand-sites/oap/shared/baseline/navigationext/loreal-paris-black-logo.svg?rev=147e5790cc7a43c1b5dfab8f019cda29"
                     alt="Loreal Paris"
                     mex-logo="/-/media/project/loreal/brand-sites/oap/shared/baseline/navigationext/loreal-paris-black-logo.svg?rev=147e5790cc7a43c1b5dfab8f019cda29"
                     mex-logo-alt="Loreal Paris"></header-logo>
    </div>



                
    <nav role="navigation" aria-label="Main menu" class="navigation">
        <overlay></overlay>
        <button class="navigation__burger" aria-expanded="false" v-megamenu:burger>
            <span class="navigation__burgerToggle">
                <span class="navigation__burgerIcon"></span>
            </span>
            <span class="navigation__burger-title"></span>
        </button>
        

        <ul class="navigationList" >
            <li>
                

            </li>
                            <li data-tag-wrapper class="navigationList__item" >
                        <a href="/makeup"
                           aria-expanded="false"
                           class="navigationList__trigger"
                           role="button"
                           v-megamenu:togglepanel="{index:0}"
                           data-tag-wrapper
                           data-tag-category="main menu navigation"
                           data-tag-event-name="menu_click"
                           data-tag-click-area="header"
                           data-tag-breadcrumb="makeup"
                           data-tag-action="select::header"
                           data-tag-label="makeup "
                           v-tag:useractionevent.dom>
                            Makeup
                            <span class="navigationList__arrow"></span>
                        </a>
                        <div class="navigation__panelWrapper" v-megamenu:panel="{index:0}">
                            <div class="navigation__animationWrapper">
                                <div class="navigation__backWrapper">
                                    <button class="navigation__backLabel" v-megamenu:backreturn="{index:0}" >
                                        <span class="navigationList__arrow"></span>
                                        Makeup
                                    </button>
                                </div>



                                    <div class="navigation__panelContentWrapper -noSwitcher">
                                

                                            <!-- #region Products Left section -->


    <div class="navigation__productListWrapper ">
        <div class="navigation__productListWrapper--row">
                    <collapsable tagname="section" identifier="unique-id-0ab686df-1413-41ac-9fd0-2ca429d8647e" :force-mobile=false>
                        <template #indicator>
                            <span class="collapsable__indicator"></span>
                        </template>
                        <template #title>
                            <span class="collapsable__title" id="unique-id-0ab686df-1413-41ac-9fd0-2ca429d8647e">EYE MAKEUP</span>
                        </template>
                        <template #content>
                            <ul class="collapsable__content">
                                    <li data-tag-wrapper>
                                        <a href="/makeup/eye/mascara" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="makeup::products::eye makeup::mascara" data-tag-category="main menu navigation" data-tag-breadcrumb="makeup::products::eye makeup::mascara" data-tag-click-area="header" v-tag:useractionevent.dom="" >Mascara</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/makeup/eye/eyeliner" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="makeup::products::eye makeup::eyeliner" data-tag-category="main menu navigation" data-tag-breadcrumb="makeup::products::eye makeup::eyeliner" data-tag-click-area="header" v-tag:useractionevent.dom="" >Eyeliner</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/makeup/eye/eyebrow" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="makeup::products::eye makeup::eyebrow makeup" data-tag-category="main menu navigation" data-tag-breadcrumb="makeup::products::eye makeup::eyebrow makeup" data-tag-click-area="header" v-tag:useractionevent.dom="" >Eyebrow Makeup</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/makeup/eye/eye-shadow" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="makeup::products::eye makeup::eye shadow" data-tag-category="main menu navigation" data-tag-breadcrumb="makeup::products::eye makeup::eye shadow" data-tag-click-area="header" v-tag:useractionevent.dom="" >Eye Shadow</a>
                                    </li>
                                                                    <li data-tag-wrapper class="collapsable__listItemAlt">
                                        <a href="/makeup/eye" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="makeup::products::all eye products" data-tag-category="main menu navigation" data-tag-breadcrumb="makeup::products::all eye products" data-tag-click-area="header" v-tag:useractionevent.dom="" >ALL EYE PRODUCTS</a>
                                    </li>
                            </ul>
                        </template>
                    </collapsable>
                    <collapsable tagname="section" identifier="unique-id-61064756-80e7-4fc8-bd40-f3629e318310" :force-mobile=false>
                        <template #indicator>
                            <span class="collapsable__indicator"></span>
                        </template>
                        <template #title>
                            <span class="collapsable__title" id="unique-id-61064756-80e7-4fc8-bd40-f3629e318310">LIP COLOR</span>
                        </template>
                        <template #content>
                            <ul class="collapsable__content">
                                    <li data-tag-wrapper>
                                        <a href="/makeup/lip-color/lipstick" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="makeup::products::lip color::lipstick" data-tag-category="main menu navigation" data-tag-breadcrumb="makeup::products::lip color::lipstick" data-tag-click-area="header" v-tag:useractionevent.dom="" >Lipstick</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/makeup/lip-color/liquid-lip" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="makeup::products::lip color::liquid lip" data-tag-category="main menu navigation" data-tag-breadcrumb="makeup::products::lip color::liquid lip" data-tag-click-area="header" v-tag:useractionevent.dom="" >Liquid Lip</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/makeup/lip-color/lip-gloss" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="makeup::products::lip color::lip gloss" data-tag-category="main menu navigation" data-tag-breadcrumb="makeup::products::lip color::lip gloss" data-tag-click-area="header" v-tag:useractionevent.dom="" >Lip Gloss</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/makeup/lip-color/lip-liner" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="makeup::products::lip color::lip liner" data-tag-category="main menu navigation" data-tag-breadcrumb="makeup::products::lip color::lip liner" data-tag-click-area="header" v-tag:useractionevent.dom="" >Lip Liner</a>
                                    </li>
                                                                    <li data-tag-wrapper class="collapsable__listItemAlt">
                                        <a href="/makeup/lip-color" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="makeup::products::all lip products" data-tag-category="main menu navigation" data-tag-breadcrumb="makeup::products::all lip products" data-tag-click-area="header" v-tag:useractionevent.dom="" >ALL LIP PRODUCTS</a>
                                    </li>
                            </ul>
                        </template>
                    </collapsable>
                    <collapsable tagname="section" identifier="unique-id-998d37c1-b76b-4a82-bc58-1fd313cd51dc" :force-mobile=false>
                        <template #indicator>
                            <span class="collapsable__indicator"></span>
                        </template>
                        <template #title>
                            <span class="collapsable__title" id="unique-id-998d37c1-b76b-4a82-bc58-1fd313cd51dc">FACE MAKEUP</span>
                        </template>
                        <template #content>
                            <ul class="collapsable__content">
                                    <li data-tag-wrapper>
                                        <a href="/makeup/face/foundation-makeup" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="makeup::products::face makeup::foundation" data-tag-category="main menu navigation" data-tag-breadcrumb="makeup::products::face makeup::foundation" data-tag-click-area="header" v-tag:useractionevent.dom="" >Foundation</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/makeup/face/face-powder" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="makeup::products::face makeup::face powder" data-tag-category="main menu navigation" data-tag-breadcrumb="makeup::products::face makeup::face powder" data-tag-click-area="header" v-tag:useractionevent.dom="" >Face Powder</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/makeup/face/concealer" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="makeup::products::face makeup::concealer" data-tag-category="main menu navigation" data-tag-breadcrumb="makeup::products::face makeup::concealer" data-tag-click-area="header" v-tag:useractionevent.dom="" >Concealer</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/makeup/face/blush" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="makeup::products::face makeup::blush" data-tag-category="main menu navigation" data-tag-breadcrumb="makeup::products::face makeup::blush" data-tag-click-area="header" v-tag:useractionevent.dom="" >Blush</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/makeup/face/bronzer" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="makeup::products::face makeup::bronzer" data-tag-category="main menu navigation" data-tag-breadcrumb="makeup::products::face makeup::bronzer" data-tag-click-area="header" v-tag:useractionevent.dom="" >Bronzer</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/makeup/face/highlighters" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="makeup::products::face makeup::highlighters" data-tag-category="main menu navigation" data-tag-breadcrumb="makeup::products::face makeup::highlighters" data-tag-click-area="header" v-tag:useractionevent.dom="" >Highlighters</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/makeup/face/bb-cream" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="makeup::products::face makeup::bb cream" data-tag-category="main menu navigation" data-tag-breadcrumb="makeup::products::face makeup::bb cream" data-tag-click-area="header" v-tag:useractionevent.dom="" >BB Cream</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/makeup/face/makeup-primer" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="makeup::products::face makeup::face primer &amp; setting spray" data-tag-category="main menu navigation" data-tag-breadcrumb="makeup::products::face makeup::face primer &amp; setting spray" data-tag-click-area="header" v-tag:useractionevent.dom="" >Face Primer &amp; Setting Spray</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href=" " data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="makeup::products::face makeup:: " data-tag-category="main menu navigation" data-tag-breadcrumb="makeup::products::face makeup:: " data-tag-click-area="header" v-tag:useractionevent.dom="" > </a>
                                    </li>
                                    <li data-tag-wrapper>
                                        
                                    </li>
                                                                    <li data-tag-wrapper class="collapsable__listItemAlt">
                                        <a href="/makeup/face" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="makeup::products::all face products" data-tag-category="main menu navigation" data-tag-breadcrumb="makeup::products::all face products" data-tag-click-area="header" v-tag:useractionevent.dom="" >ALL FACE PRODUCTS</a>
                                    </li>
                            </ul>
                        </template>
                    </collapsable>
        </div>

<div class="navigation__productListWrapper--row">
    <div class="linkToService">
        <a aria-label="Makeup Try-On  | Try any makeup, before buying (new window)"
           
           data-tag-wrapper
           data-tag-category="main menu navigation"
           data-tag-event-name="menu_click"
           data-tag-click-area="header"
           data-tag-breadcrumb="Makeup Try-On "
           data-tag-action="select::header"
           data-tag-label="Makeup Try-On "
           v-tag:useractionevent.dom
           href="/virtual-try-on-makeup">
            <strong>Makeup Try-On </strong>
            <span>| Try any makeup, before buying</span>
        </a>
    </div>
</div>

    </div>
                                            <!-- #endregion -->
                                            <!-- #region Products Right section -->

    <div class="navigation__needsListWrapper">
        
                    <section data-tag-wrapper aria-labelledby="main-menu-how-can-we-help-section-0f867291-7914-4653-a2ea-ddf19e09c33e">
                        <p id="main-menu-how-can-we-help-section-0f867291-7914-4653-a2ea-ddf19e09c33e">Tools &amp; Consultations</p>
                        <ul data-tag-wrapper class="navigation__additionalListContent">
                                <li>
                                    
                                </li>
                                <li>
                                    <a href="/virtual-try-on-makeup" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="makeup::products::tools &amp; consultations::makeup virtual try on" data-tag-category="main menu navigation" data-tag-breadcrumb="makeup::products::tools &amp; consultations::makeup virtual try on" data-tag-click-area="header" v-tag:useractionevent.dom="" >Makeup Virtual Try On</a>
                                </li>
                                <li>
                                    <a href="/match-my-shade" data-tag-action="select::header" target="_blank" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="makeup::products::tools &amp; consultations::foundation shade finder" data-tag-category="main menu navigation" data-tag-breadcrumb="makeup::products::tools &amp; consultations::foundation shade finder" data-tag-click-area="header" v-tag:useractionevent.dom="" >Foundation Shade Finder</a>
                                </li>
                                <li>
                                    <a href="/undertones-quiz" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="makeup::products::tools &amp; consultations::find your skin undertone" data-tag-category="main menu navigation" data-tag-breadcrumb="makeup::products::tools &amp; consultations::find your skin undertone" data-tag-click-area="header" v-tag:useractionevent.dom="" >Find Your Skin Undertone</a>
                                </li>
                                <li>
                                    <a href="/mascara-finder-quiz" data-tag-action="select::header" target="_blank" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="makeup::products::tools &amp; consultations::mascara finder" data-tag-category="main menu navigation" data-tag-breadcrumb="makeup::products::tools &amp; consultations::mascara finder" data-tag-click-area="header" v-tag:useractionevent.dom="" >Mascara Finder</a>
                                </li>
                                <li>
                                    <a href="/wedding" data-tag-action="select::header" target="_blank" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="makeup::products::tools &amp; consultations::get wedding ready" data-tag-category="main menu navigation" data-tag-breadcrumb="makeup::products::tools &amp; consultations::get wedding ready" data-tag-click-area="header" v-tag:useractionevent.dom="" >Get Wedding Ready</a>
                                </li>
                        </ul>
                    </section>
                    <section data-tag-wrapper aria-labelledby="main-menu-our-makeup-brands-section-a67b864a-4ad6-4763-a8c0-2c3661c80384">
                        <p id="main-menu-our-makeup-brands-section-a67b864a-4ad6-4763-a8c0-2c3661c80384">Our Makeup Brands</p>
                        <ul data-tag-wrapper class="navigation__additionalListContent">
                                <li>
                                    <a href="/brands/age-perfect-makeup" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="makeup::products::our makeup brands::age perfect makeup" data-tag-category="main menu navigation" data-tag-breadcrumb="makeup::products::our makeup brands::age perfect makeup" data-tag-click-area="header" v-tag:useractionevent.dom="" >Age Perfect Makeup</a>
                                </li>
                                <li>
                                    <a href="/brands/bambi-eye" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="makeup::products::our makeup brands::bambi eye" data-tag-category="main menu navigation" data-tag-breadcrumb="makeup::products::our makeup brands::bambi eye" data-tag-click-area="header" v-tag:useractionevent.dom="" >Bambi Eye</a>
                                </li>
                                <li>
                                    <a href="/brands/brilliant-eyes" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="makeup::products::our makeup brands::brilliant eyes" data-tag-category="main menu navigation" data-tag-breadcrumb="makeup::products::our makeup brands::brilliant eyes" data-tag-click-area="header" v-tag:useractionevent.dom="" >Brilliant Eyes</a>
                                </li>
                                <li>
                                    <a href="/brands/colour-riche" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="makeup::products::our makeup brands::colour riche" data-tag-category="main menu navigation" data-tag-breadcrumb="makeup::products::our makeup brands::colour riche" data-tag-click-area="header" v-tag:useractionevent.dom="" >Colour Riche</a>
                                </li>
                                <li>
                                    <a href="/brands/infallible" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="makeup::products::our makeup brands::infallible" data-tag-category="main menu navigation" data-tag-breadcrumb="makeup::products::our makeup brands::infallible" data-tag-click-area="header" v-tag:useractionevent.dom="" >Infallible</a>
                                </li>
                                <li>
                                    <a href="/brands/lash-serum-solution" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="makeup::products::our makeup brands::lash serum solution" data-tag-category="main menu navigation" data-tag-breadcrumb="makeup::products::our makeup brands::lash serum solution" data-tag-click-area="header" v-tag:useractionevent.dom="" >Lash Serum Solution</a>
                                </li>
                                <li>
                                    <a href="/brands/matte-signature" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="makeup::products::our makeup brands::matte signature" data-tag-category="main menu navigation" data-tag-breadcrumb="makeup::products::our makeup brands::matte signature" data-tag-click-area="header" v-tag:useractionevent.dom="" >Matte Signature</a>
                                </li>
                                <li>
                                    <a href="/brands/telescopic" data-tag-action="select::header" target="_blank" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="makeup::products::our makeup brands::telescopic" data-tag-category="main menu navigation" data-tag-breadcrumb="makeup::products::our makeup brands::telescopic" data-tag-click-area="header" v-tag:useractionevent.dom="" >Telescopic</a>
                                </li>
                                <li>
                                    <a href="/brands/true-match" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="makeup::products::our makeup brands::true match" data-tag-category="main menu navigation" data-tag-breadcrumb="makeup::products::our makeup brands::true match" data-tag-click-area="header" v-tag:useractionevent.dom="" >True Match</a>
                                </li>
                                <li>
                                    <a href="/brands/true-match-lumi" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="makeup::products::our makeup brands::true match lumi" data-tag-category="main menu navigation" data-tag-breadcrumb="makeup::products::our makeup brands::true match lumi" data-tag-click-area="header" v-tag:useractionevent.dom="" >True Match Lumi</a>
                                </li>
                                <li>
                                    <a href="/brands/unbelieva-brow" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="makeup::products::our makeup brands::unbelieva-brow" data-tag-category="main menu navigation" data-tag-breadcrumb="makeup::products::our makeup brands::unbelieva-brow" data-tag-click-area="header" v-tag:useractionevent.dom="" >Unbelieva-Brow</a>
                                </li>
                                <li>
                                    <a href="/brands/unlimited" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="makeup::products::our makeup brands::unlimited" data-tag-category="main menu navigation" data-tag-breadcrumb="makeup::products::our makeup brands::unlimited" data-tag-click-area="header" v-tag:useractionevent.dom="" >Unlimited</a>
                                </li>
                                <li>
                                    <a href="/brands/visible-lift" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="makeup::products::our makeup brands::visible lift" data-tag-category="main menu navigation" data-tag-breadcrumb="makeup::products::our makeup brands::visible lift" data-tag-click-area="header" v-tag:useractionevent.dom="" >Visible Lift</a>
                                </li>
                                <li>
                                    <a href="/brands/voluminous" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="makeup::products::our makeup brands::voluminous" data-tag-category="main menu navigation" data-tag-breadcrumb="makeup::products::our makeup brands::voluminous" data-tag-click-area="header" v-tag:useractionevent.dom="" >Voluminous</a>
                                </li>
                        </ul>
<a href="/makeup" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="makeup::products::view all makeup products" data-tag-category="main menu navigation" class="listItemAlt" data-tag-breadcrumb="makeup::products::view all makeup products" data-tag-click-area="header" v-tag:useractionevent.dom="" >VIEW ALL MAKEUP PRODUCTS</a>                    </section>
    </div>


                                            <!-- #endregion -->
                                                                                                    </div>
                            </div>                         
                        </div>
                </li>
                <li data-tag-wrapper class="navigationList__item" >
                        <a href="/skin-care"
                           aria-expanded="false"
                           class="navigationList__trigger"
                           role="button"
                           v-megamenu:togglepanel="{index:1}"
                           data-tag-wrapper
                           data-tag-category="main menu navigation"
                           data-tag-event-name="menu_click"
                           data-tag-click-area="header"
                           data-tag-breadcrumb="skin care"
                           data-tag-action="select::header"
                           data-tag-label="skin care "
                           v-tag:useractionevent.dom>
                            Skin Care
                            <span class="navigationList__arrow"></span>
                        </a>
                        <div class="navigation__panelWrapper" v-megamenu:panel="{index:1}">
                            <div class="navigation__animationWrapper">
                                <div class="navigation__backWrapper">
                                    <button class="navigation__backLabel" v-megamenu:backreturn="{index:1}" >
                                        <span class="navigationList__arrow"></span>
                                        Skin Care
                                    </button>
                                </div>



                                    <div class="navigation__panelContentWrapper -noSwitcher">
                                

                                            <!-- #region Products Left section -->


    <div class="navigation__productListWrapper ">
        <div class="navigation__productListWrapper--row">
                    <collapsable tagname="section" identifier="unique-id-a6728cd0-fe01-47e1-b6d4-0541479a1ad7" :force-mobile=false>
                        <template #indicator>
                            <span class="collapsable__indicator"></span>
                        </template>
                        <template #title>
                            <span class="collapsable__title" id="unique-id-a6728cd0-fe01-47e1-b6d4-0541479a1ad7">SKIN CARE PRODUCTS</span>
                        </template>
                        <template #content>
                            <ul class="collapsable__content">
                                    <li data-tag-wrapper>
                                        <a href="/skin-care/eye-care" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="skin care::products::skin care products::eye care" data-tag-category="main menu navigation" data-tag-breadcrumb="skin care::products::skin care products::eye care" data-tag-click-area="header" v-tag:useractionevent.dom="" >Eye Care</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/skin-care/face-mask" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="skin care::products::skin care products::face mask" data-tag-category="main menu navigation" data-tag-breadcrumb="skin care::products::skin care products::face mask" data-tag-click-area="header" v-tag:useractionevent.dom="" >Face Mask</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/skin-care/face-scrub" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="skin care::products::skin care products::face scrub" data-tag-category="main menu navigation" data-tag-breadcrumb="skin care::products::skin care products::face scrub" data-tag-click-area="header" v-tag:useractionevent.dom="" >Face Scrub</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/skin-care/face-serums" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="skin care::products::skin care products::face serum" data-tag-category="main menu navigation" data-tag-breadcrumb="skin care::products::skin care products::face serum" data-tag-click-area="header" v-tag:useractionevent.dom="" >Face Serum</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/skin-care/facial-cleansers" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="skin care::products::skin care products::facial cleanser" data-tag-category="main menu navigation" data-tag-breadcrumb="skin care::products::skin care products::facial cleanser" data-tag-click-area="header" v-tag:useractionevent.dom="" >Facial Cleanser</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/skin-care/facial-moisturizers" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="skin care::products::skin care products::face moisturizer" data-tag-category="main menu navigation" data-tag-breadcrumb="skin care::products::skin care products::face moisturizer" data-tag-click-area="header" v-tag:useractionevent.dom="" >Face Moisturizer</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/skin-care?product-type=night-cream" data-tag-action="select::header" target="_blank" data-tag-event-name="menu_click" data-tag-label="skin care::products::skin care products::night cream" data-tag-category="main menu navigation" data-tag-breadcrumb="skin care::products::skin care products::night cream" data-tag-click-area="header" v-tag:useractionevent.dom="" >Night Cream</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/skin-care/self-tanning" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="skin care::products::skin care products::self-tanner" data-tag-category="main menu navigation" data-tag-breadcrumb="skin care::products::skin care products::self-tanner" data-tag-click-area="header" v-tag:useractionevent.dom="" >Self-Tanner</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/skin-care/sunscreen-for-face" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="skin care::products::skin care products::sunscreen for face" data-tag-category="main menu navigation" data-tag-breadcrumb="skin care::products::skin care products::sunscreen for face" data-tag-click-area="header" v-tag:useractionevent.dom="" >Sunscreen for Face</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/skin-care/makeup-removers" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="skin care::products::skin care products::makeup remover" data-tag-category="main menu navigation" data-tag-breadcrumb="skin care::products::skin care products::makeup remover" data-tag-click-area="header" v-tag:useractionevent.dom="" >Makeup Remover</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/brands/men-expert" data-tag-action="select::header" target="_blank" data-tag-event-name="menu_click" data-tag-label="skin care::products::skin care products::men’s skin care" data-tag-category="main menu navigation" data-tag-breadcrumb="skin care::products::skin care products::men’s skin care" data-tag-click-area="header" v-tag:useractionevent.dom="" >Men’s Skin Care</a>
                                    </li>
                                                                    <li data-tag-wrapper class="collapsable__listItemAlt">
                                        <a href="/skin-care" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="skin care::products::all skin products" data-tag-category="main menu navigation" data-tag-breadcrumb="skin care::products::all skin products" data-tag-click-area="header" v-tag:useractionevent.dom="" >ALL SKIN PRODUCTS</a>
                                    </li>
                            </ul>
                        </template>
                    </collapsable>
                    <collapsable tagname="section" identifier="unique-id-f782aa78-7b55-4f27-8ad5-5c9e6b458ace" :force-mobile=false>
                        <template #indicator>
                            <span class="collapsable__indicator"></span>
                        </template>
                        <template #title>
                            <span class="collapsable__title" id="unique-id-f782aa78-7b55-4f27-8ad5-5c9e6b458ace">SKIN CONCERNS</span>
                        </template>
                        <template #content>
                            <ul class="collapsable__content">
                                    <li data-tag-wrapper>
                                        <a href="/skin-care/anti-aging" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="skin care::products::skin concerns::anti-aging" data-tag-category="main menu navigation" data-tag-breadcrumb="skin care::products::skin concerns::anti-aging" data-tag-click-area="header" v-tag:useractionevent.dom="" >Anti-Aging</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/skin-care/dark-circles-under-eyes" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="skin care::products::skin concerns::dark circles" data-tag-category="main menu navigation" data-tag-breadcrumb="skin care::products::skin concerns::dark circles" data-tag-click-area="header" v-tag:useractionevent.dom="" >Dark Circles</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/skin-care/dark-spots" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="skin care::products::skin concerns::dark spots" data-tag-category="main menu navigation" data-tag-breadcrumb="skin care::products::skin concerns::dark spots" data-tag-click-area="header" v-tag:useractionevent.dom="" >Dark Spots</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/skin-care/dry-skin" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="skin care::products::skin concerns::dry skin" data-tag-category="main menu navigation" data-tag-breadcrumb="skin care::products::skin concerns::dry skin" data-tag-click-area="header" v-tag:useractionevent.dom="" >Dry Skin</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/skin-care/fine-lines-wrinkles" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="skin care::products::skin concerns::fine lines &amp; wrinkles" data-tag-category="main menu navigation" data-tag-breadcrumb="skin care::products::skin concerns::fine lines &amp; wrinkles" data-tag-click-area="header" v-tag:useractionevent.dom="" >Fine Lines &amp; Wrinkles</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/skin-care/fragrance-free" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="skin care::products::skin concerns::fragrance free" data-tag-category="main menu navigation" data-tag-breadcrumb="skin care::products::skin concerns::fragrance free" data-tag-click-area="header" v-tag:useractionevent.dom="" >Fragrance Free</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/skin-care/oily-skin" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="skin care::products::skin concerns::oily skin" data-tag-category="main menu navigation" data-tag-breadcrumb="skin care::products::skin concerns::oily skin" data-tag-click-area="header" v-tag:useractionevent.dom="" >Oily Skin</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/skin-care/sagging-skin" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="skin care::products::skin concerns::sagging  skin" data-tag-category="main menu navigation" data-tag-breadcrumb="skin care::products::skin concerns::sagging  skin" data-tag-click-area="header" v-tag:useractionevent.dom="" >Sagging  Skin</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        
                                    </li>
                                                            </ul>
                        </template>
                    </collapsable>
                    <collapsable tagname="section" identifier="unique-id-3b3053a7-8163-47c5-9d20-27efe873ef58" :force-mobile=false>
                        <template #indicator>
                            <span class="collapsable__indicator"></span>
                        </template>
                        <template #title>
                            <span class="collapsable__title" id="unique-id-3b3053a7-8163-47c5-9d20-27efe873ef58">INGREDIENTS</span>
                        </template>
                        <template #content>
                            <ul class="collapsable__content">
                                    <li data-tag-wrapper>
                                        <a href="/ingredient-library/glycolic-acid" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="skin care::products::ingredients::glycolic acid" data-tag-category="main menu navigation" data-tag-breadcrumb="skin care::products::ingredients::glycolic acid" data-tag-click-area="header" v-tag:useractionevent.dom="" >Glycolic Acid</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/ingredient-library/hyaluronic-acid" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="skin care::products::ingredients::hyaluronic acid" data-tag-category="main menu navigation" data-tag-breadcrumb="skin care::products::ingredients::hyaluronic acid" data-tag-click-area="header" v-tag:useractionevent.dom="" >Hyaluronic Acid</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/ingredient-library/pure-retinol" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="skin care::products::ingredients::pure retinol" data-tag-category="main menu navigation" data-tag-breadcrumb="skin care::products::ingredients::pure retinol" data-tag-click-area="header" v-tag:useractionevent.dom="" >Pure Retinol</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/ingredient-library/vitamin-c" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="skin care::products::ingredients::vitamin c" data-tag-category="main menu navigation" data-tag-breadcrumb="skin care::products::ingredients::vitamin c" data-tag-click-area="header" v-tag:useractionevent.dom="" >Vitamin C</a>
                                    </li>
                                                                    <li data-tag-wrapper class="collapsable__listItemAlt">
                                        <a href="/ingredient-library" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="skin care::products::ingredients" data-tag-category="main menu navigation" data-tag-breadcrumb="skin care::products::ingredients" data-tag-click-area="header" v-tag:useractionevent.dom="" >INGREDIENTS</a>
                                    </li>
                            </ul>
                        </template>
                    </collapsable>
        </div>

<div class="navigation__productListWrapper--row">
    <div class="linkToService">
        <a aria-label="Skin Genius  | Analyze your skin like an expert (new window)"
           
           data-tag-wrapper
           data-tag-category="main menu navigation"
           data-tag-event-name="menu_click"
           data-tag-click-area="header"
           data-tag-breadcrumb="Skin Genius"
           data-tag-action="select::header"
           data-tag-label="Skin Genius"
           v-tag:useractionevent.dom
           href="/skin-genius-landing-page">
            <strong>Skin Genius</strong>
            <span> | Analyze your skin like an expert</span>
        </a>
    </div>
</div>

    </div>
                                            <!-- #endregion -->
                                            <!-- #region Products Right section -->

    <div class="navigation__needsListWrapper">
        
                    <section data-tag-wrapper aria-labelledby="main-menu-how-can-we-help-section-4fdb31a6-d1d3-4b62-bdae-efafb126ffe7">
                        <p id="main-menu-how-can-we-help-section-4fdb31a6-d1d3-4b62-bdae-efafb126ffe7">Tools &amp; Consultations</p>
                        <ul data-tag-wrapper class="navigation__additionalListContent">
                                <li>
                                    <a href="/skin-genius-landing-page" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="skin care::products::tools &amp; consultations::skin analysis tool" data-tag-category="main menu navigation" data-tag-breadcrumb="skin care::products::tools &amp; consultations::skin analysis tool" data-tag-click-area="header" v-tag:useractionevent.dom="" >Skin Analysis Tool</a>
                                </li>
                                <li>
                                    <a href="/skincare-serum-quiz" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="skin care::products::tools &amp; consultations::skin serum finder" data-tag-category="main menu navigation" data-tag-breadcrumb="skin care::products::tools &amp; consultations::skin serum finder" data-tag-click-area="header" v-tag:useractionevent.dom="" >Skin Serum Finder</a>
                                </li>
                                <li>
                                    <a href="/ingredient-library" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="skin care::products::tools &amp; consultations::ingredient library" data-tag-category="main menu navigation" data-tag-breadcrumb="skin care::products::tools &amp; consultations::ingredient library" data-tag-click-area="header" v-tag:useractionevent.dom="" >Ingredient Library</a>
                                </li>
                                <li>
                                    <a href="/skin-care-hub" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="skin care::products::tools &amp; consultations::skin care hub" data-tag-category="main menu navigation" data-tag-breadcrumb="skin care::products::tools &amp; consultations::skin care hub" data-tag-click-area="header" v-tag:useractionevent.dom="" >Skin Care Hub</a>
                                </li>
                                <li>
                                    <a href="/wedding" data-tag-action="select::header" target="_blank" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="skin care::products::tools &amp; consultations::get wedding ready" data-tag-category="main menu navigation" data-tag-breadcrumb="skin care::products::tools &amp; consultations::get wedding ready" data-tag-click-area="header" v-tag:useractionevent.dom="" >Get Wedding Ready</a>
                                </li>
                        </ul>
                    </section>
                    <section data-tag-wrapper aria-labelledby="main-menu-our-makeup-brands-section-b74fd4a1-b4d5-4fba-ac29-865cf240e480">
                        <p id="main-menu-our-makeup-brands-section-b74fd4a1-b4d5-4fba-ac29-865cf240e480">Our Skin Care Brands</p>
                        <ul data-tag-wrapper class="navigation__additionalListContent">
                                <li>
                                    <a href="/brands/age-perfect-skin-care" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="skin care::products::our skin care brands::age perfect skin care" data-tag-category="main menu navigation" data-tag-breadcrumb="skin care::products::our skin care brands::age perfect skin care" data-tag-click-area="header" v-tag:useractionevent.dom="" >Age Perfect Skin Care</a>
                                </li>
                                <li>
                                    <a href="/brands/bright-reveal" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="skin care::products::our skin care brands::bright reveal" data-tag-category="main menu navigation" data-tag-breadcrumb="skin care::products::our skin care brands::bright reveal" data-tag-click-area="header" v-tag:useractionevent.dom="" >Bright Reveal</a>
                                </li>
                                <li>
                                    <a href="/brands/hydra-genius" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="skin care::products::our skin care brands::hydra genius" data-tag-category="main menu navigation" data-tag-breadcrumb="skin care::products::our skin care brands::hydra genius" data-tag-click-area="header" v-tag:useractionevent.dom="" >Hydra Genius</a>
                                </li>
                                <li>
                                    <a href="/brands/men-expert" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="skin care::products::our skin care brands::men expert" data-tag-category="main menu navigation" data-tag-breadcrumb="skin care::products::our skin care brands::men expert" data-tag-click-area="header" v-tag:useractionevent.dom="" >Men Expert</a>
                                </li>
                                <li>
                                    <a href=" " data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="skin care::products::our skin care brands::" data-tag-category="main menu navigation" data-tag-breadcrumb="skin care::products::our skin care brands::" data-tag-click-area="header" v-tag:useractionevent.dom="" ></a>
                                </li>
                                <li>
                                    <a href="/brands/pure-clay" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="skin care::products::our skin care brands::pure-clay" data-tag-category="main menu navigation" data-tag-breadcrumb="skin care::products::our skin care brands::pure-clay" data-tag-click-area="header" v-tag:useractionevent.dom="" >Pure-Clay</a>
                                </li>
                                <li>
                                    <a href="" data-tag-action="select::header" target="_blank" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="skin care::products::our skin care brands::" data-tag-category="main menu navigation" data-tag-breadcrumb="skin care::products::our skin care brands::" data-tag-click-area="header" v-tag:useractionevent.dom="" ></a>
                                </li>
                                <li>
                                    <a href="/brands/revitalift" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="skin care::products::our skin care brands::revitalift" data-tag-category="main menu navigation" data-tag-breadcrumb="skin care::products::our skin care brands::revitalift" data-tag-click-area="header" v-tag:useractionevent.dom="" >Revitalift</a>
                                </li>
                                <li>
                                    <a href="/revitalift-dermintensives" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="skin care::products::our skin care brands::revitalift derm intensives" data-tag-category="main menu navigation" data-tag-breadcrumb="skin care::products::our skin care brands::revitalift derm intensives" data-tag-click-area="header" v-tag:useractionevent.dom="" >Revitalift Derm Intensives</a>
                                </li>
                                <li>
                                    <a href="/brands/sublime-bronze" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="skin care::products::our skin care brands::sublime bronze" data-tag-category="main menu navigation" data-tag-breadcrumb="skin care::products::our skin care brands::sublime bronze" data-tag-click-area="header" v-tag:useractionevent.dom="" >Sublime Bronze</a>
                                </li>
                                <li>
                                    <a href="/brands/wrinkle-expert" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="skin care::products::our skin care brands::wrinkle expert" data-tag-category="main menu navigation" data-tag-breadcrumb="skin care::products::our skin care brands::wrinkle expert" data-tag-click-area="header" v-tag:useractionevent.dom="" >Wrinkle Expert</a>
                                </li>
                        </ul>
<a href="/skin-care" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="skin care::products::view all skincare products" data-tag-category="main menu navigation" class="listItemAlt" data-tag-breadcrumb="skin care::products::view all skincare products" data-tag-click-area="header" v-tag:useractionevent.dom="" >VIEW ALL SKINCARE PRODUCTS</a>                    </section>
    </div>


                                            <!-- #endregion -->
                                                                                                    </div>
                            </div>                         
                        </div>
                </li>
                <li data-tag-wrapper class="navigationList__item" >
                        <a href="/hair-color"
                           aria-expanded="false"
                           class="navigationList__trigger"
                           role="button"
                           v-megamenu:togglepanel="{index:2}"
                           data-tag-wrapper
                           data-tag-category="main menu navigation"
                           data-tag-event-name="menu_click"
                           data-tag-click-area="header"
                           data-tag-breadcrumb="hair color"
                           data-tag-action="select::header"
                           data-tag-label="hair color "
                           v-tag:useractionevent.dom>
                            Hair Color
                            <span class="navigationList__arrow"></span>
                        </a>
                        <div class="navigation__panelWrapper" v-megamenu:panel="{index:2}">
                            <div class="navigation__animationWrapper">
                                <div class="navigation__backWrapper">
                                    <button class="navigation__backLabel" v-megamenu:backreturn="{index:2}" >
                                        <span class="navigationList__arrow"></span>
                                        Hair Color
                                    </button>
                                </div>



                                    <div class="navigation__panelContentWrapper -noSwitcher">
                                

                                            <!-- #region Products Left section -->


    <div class="navigation__productListWrapper ">
        <div class="navigation__productListWrapper--row">
                    <collapsable tagname="section" identifier="unique-id-ba1317a7-9fcd-49d2-a11f-2c376d3187ad" :force-mobile=false>
                        <template #indicator>
                            <span class="collapsable__indicator"></span>
                        </template>
                        <template #title>
                            <span class="collapsable__title" id="unique-id-ba1317a7-9fcd-49d2-a11f-2c376d3187ad">HAIR COLOR PRODUCTS</span>
                        </template>
                        <template #content>
                            <ul class="collapsable__content">
                                    <li data-tag-wrapper>
                                        <a href="/hair-color/permanent" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="hair color::products::hair color products::permanent hair color" data-tag-category="main menu navigation" data-tag-breadcrumb="hair color::products::hair color products::permanent hair color" data-tag-click-area="header" v-tag:useractionevent.dom="" >Permanent Hair Color</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/hair-color/semi-permanent" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="hair color::products::hair color products::semi-permanent" data-tag-category="main menu navigation" data-tag-breadcrumb="hair color::products::hair color products::semi-permanent" data-tag-click-area="header" v-tag:useractionevent.dom="" >Semi-Permanent</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/hair-color/root-touch-up" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="hair color::products::hair color products::root touch up" data-tag-category="main menu navigation" data-tag-breadcrumb="hair color::products::hair color products::root touch up" data-tag-click-area="header" v-tag:useractionevent.dom="" >Root Touch Up</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/preference-balayage" data-tag-action="select::header" target="_blank" data-tag-event-name="menu_click" data-tag-label="hair color::products::hair color products::balayage" data-tag-category="main menu navigation" data-tag-breadcrumb="hair color::products::hair color products::balayage" data-tag-click-area="header" v-tag:useractionevent.dom="" >Balayage</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/hair-color/ombre" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="hair color::products::hair color products::ombre hair color" data-tag-category="main menu navigation" data-tag-breadcrumb="hair color::products::hair color products::ombre hair color" data-tag-click-area="header" v-tag:useractionevent.dom="" >Ombre Hair Color</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/hair-color/hair-color-bleaches" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="hair color::products::hair color products::hair color bleaches" data-tag-category="main menu navigation" data-tag-breadcrumb="hair color::products::hair color products::hair color bleaches" data-tag-click-area="header" v-tag:useractionevent.dom="" >Hair Color Bleaches</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/hair-color/hair-color-removers-faders" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="hair color::products::hair color products::hair color removers/faders" data-tag-category="main menu navigation" data-tag-breadcrumb="hair color::products::hair color products::hair color removers/faders" data-tag-click-area="header" v-tag:useractionevent.dom="" >Hair Color Removers/Faders</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/hair-color/hair-highlights" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="hair color::products::hair color products::hair highlights" data-tag-category="main menu navigation" data-tag-breadcrumb="hair color::products::hair color products::hair highlights" data-tag-click-area="header" v-tag:useractionevent.dom="" >Hair Highlights</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/le-color-gloss" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="hair color::products::hair color products::hair gloss" data-tag-category="main menu navigation" data-tag-breadcrumb="hair color::products::hair color products::hair gloss" data-tag-click-area="header" v-tag:useractionevent.dom="" >Hair Gloss</a>
                                    </li>
                                                                    <li data-tag-wrapper class="collapsable__listItemAlt">
                                        <a href="/hair-color" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="hair color::products::all hair color products" data-tag-category="main menu navigation" data-tag-breadcrumb="hair color::products::all hair color products" data-tag-click-area="header" v-tag:useractionevent.dom="" >ALL HAIR COLOR PRODUCTS</a>
                                    </li>
                            </ul>
                        </template>
                    </collapsable>
                    <collapsable tagname="section" identifier="unique-id-2b783076-1ca5-4a7b-9dd1-28f39fe78f6a" :force-mobile=false>
                        <template #indicator>
                            <span class="collapsable__indicator"></span>
                        </template>
                        <template #title>
                            <span class="collapsable__title" id="unique-id-2b783076-1ca5-4a7b-9dd1-28f39fe78f6a">ALL HAIR COLORS</span>
                        </template>
                        <template #content>
                            <ul class="collapsable__content">
                                    <li data-tag-wrapper>
                                        <a href="/hair-color/brown-brunette" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="hair color::products::all hair colors::brown/brunette" data-tag-category="main menu navigation" data-tag-breadcrumb="hair color::products::all hair colors::brown/brunette" data-tag-click-area="header" v-tag:useractionevent.dom="" >Brown/Brunette</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/hair-color/blonde" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="hair color::products::all hair colors::blonde" data-tag-category="main menu navigation" data-tag-breadcrumb="hair color::products::all hair colors::blonde" data-tag-click-area="header" v-tag:useractionevent.dom="" >Blonde</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/hair-color/red" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="hair color::products::all hair colors::red" data-tag-category="main menu navigation" data-tag-breadcrumb="hair color::products::all hair colors::red" data-tag-click-area="header" v-tag:useractionevent.dom="" >Red</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/hair-color/black" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="hair color::products::all hair colors::black" data-tag-category="main menu navigation" data-tag-breadcrumb="hair color::products::all hair colors::black" data-tag-click-area="header" v-tag:useractionevent.dom="" >Black</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/hair-color/bold-color" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="hair color::products::all hair colors::bold" data-tag-category="main menu navigation" data-tag-breadcrumb="hair color::products::all hair colors::bold" data-tag-click-area="header" v-tag:useractionevent.dom="" >Bold</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/hair-color/platinum-blonde" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="hair color::products::all hair colors::platinum blonde" data-tag-category="main menu navigation" data-tag-breadcrumb="hair color::products::all hair colors::platinum blonde" data-tag-click-area="header" v-tag:useractionevent.dom="" >Platinum Blonde</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/hair-color/gray-coverage" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="hair color::products::all hair colors::gray hair coverage" data-tag-category="main menu navigation" data-tag-breadcrumb="hair color::products::all hair colors::gray hair coverage" data-tag-click-area="header" v-tag:useractionevent.dom="" >Gray Hair Coverage</a>
                                    </li>
                                                            </ul>
                        </template>
                    </collapsable>
                    <collapsable tagname="section" identifier="unique-id-31f77616-9e26-444d-820d-6b9a606ef3d8" :force-mobile=false>
                        <template #indicator>
                            <span class="collapsable__indicator"></span>
                        </template>
                        <template #title>
                            <span class="collapsable__title" id="unique-id-31f77616-9e26-444d-820d-6b9a606ef3d8">MEN’S HAIR COLOR</span>
                        </template>
                        <template #content>
                            <ul class="collapsable__content">
                                    <li data-tag-wrapper>
                                        <a href="/new-one-twist-hair-color-by-loreal-men-expert" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="hair color::products::men’s hair color::men expert hair color" data-tag-category="main menu navigation" data-tag-breadcrumb="hair color::products::men’s hair color::men expert hair color" data-tag-click-area="header" v-tag:useractionevent.dom="" >Men Expert Hair Color</a>
                                    </li>
                                                            </ul>
                        </template>
                    </collapsable>
        </div>

<div class="navigation__productListWrapper--row">
    <div class="linkToService">
        <a aria-label="Hair Color Try-On | Try on any color before buying (new window)"
           
           data-tag-wrapper
           data-tag-category="main menu navigation"
           data-tag-event-name="menu_click"
           data-tag-click-area="header"
           data-tag-breadcrumb="Hair Color Try-On |"
           data-tag-action="select::header"
           data-tag-label="Hair Color Try-On |"
           v-tag:useractionevent.dom
           href="/virtual-try-on-hair">
            <strong>Hair Color Try-On |</strong>
            <span>Try on any color before buying</span>
        </a>
    </div>
</div>

    </div>
                                            <!-- #endregion -->
                                            <!-- #region Products Right section -->

    <div class="navigation__needsListWrapper">
        
                    <section data-tag-wrapper aria-labelledby="main-menu-how-can-we-help-section-0847d386-0041-4f03-a6be-b06001f9f7ce">
                        <p id="main-menu-how-can-we-help-section-0847d386-0041-4f03-a6be-b06001f9f7ce">Tools &amp; Consultations</p>
                        <ul data-tag-wrapper class="navigation__additionalListContent">
                                <li>
                                    <a href="/hair-color-concierge" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="hair color::products::tools &amp; consultations::hair color concierge" data-tag-category="main menu navigation" data-tag-breadcrumb="hair color::products::tools &amp; consultations::hair color concierge" data-tag-click-area="header" v-tag:useractionevent.dom="" >Hair Color Concierge</a>
                                </li>
                                <li>
                                    <a href="/virtual-try-on-hair" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="hair color::products::tools &amp; consultations::hair color virtual try on" data-tag-category="main menu navigation" data-tag-breadcrumb="hair color::products::tools &amp; consultations::hair color virtual try on" data-tag-click-area="header" v-tag:useractionevent.dom="" >Hair Color Virtual Try On</a>
                                </li>
                                <li>
                                    <a href="/one-twist-hair-color-shade-matcher-for-men" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="hair color::products::tools &amp; consultations::men expert shade finder" data-tag-category="main menu navigation" data-tag-breadcrumb="hair color::products::tools &amp; consultations::men expert shade finder" data-tag-click-area="header" v-tag:useractionevent.dom="" >Men Expert Shade Finder</a>
                                </li>
                                <li>
                                    <a href="/wedding" data-tag-action="select::header" target="_blank" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="hair color::products::tools &amp; consultations::get wedding ready" data-tag-category="main menu navigation" data-tag-breadcrumb="hair color::products::tools &amp; consultations::get wedding ready" data-tag-click-area="header" v-tag:useractionevent.dom="" >Get Wedding Ready</a>
                                </li>
                        </ul>
                    </section>
                    <section data-tag-wrapper aria-labelledby="main-menu-our-makeup-brands-section-caffbb43-fa15-40d5-8185-4eac5f407d9e">
                        <p id="main-menu-our-makeup-brands-section-caffbb43-fa15-40d5-8185-4eac5f407d9e"> Our Hair Color Brands</p>
                        <ul data-tag-wrapper class="navigation__additionalListContent">
                                <li>
                                    <a href="/brands/colorista" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="hair color::products:: our hair color brands::colorista" data-tag-category="main menu navigation" data-tag-breadcrumb="hair color::products:: our hair color brands::colorista" data-tag-click-area="header" v-tag:useractionevent.dom="" >Colorista</a>
                                </li>
                                <li>
                                    <a href="/brands/feria" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="hair color::products:: our hair color brands::feria" data-tag-category="main menu navigation" data-tag-breadcrumb="hair color::products:: our hair color brands::feria" data-tag-click-area="header" v-tag:useractionevent.dom="" >Feria</a>
                                </li>
                                <li>
                                    <a href="/brands/magic-root" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="hair color::products:: our hair color brands::magic root" data-tag-category="main menu navigation" data-tag-breadcrumb="hair color::products:: our hair color brands::magic root" data-tag-click-area="header" v-tag:useractionevent.dom="" >Magic Root</a>
                                </li>
                                <li>
                                    
                                </li>
                                <li>
                                    <a href="/brands/superior-preference" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="hair color::products:: our hair color brands::superior preference" data-tag-category="main menu navigation" data-tag-breadcrumb="hair color::products:: our hair color brands::superior preference" data-tag-click-area="header" v-tag:useractionevent.dom="" >Superior Preference</a>
                                </li>
                                <li>
                                    <a href="/brands/excellence-creme" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="hair color::products:: our hair color brands::excellence cr&#232;me" data-tag-category="main menu navigation" data-tag-breadcrumb="hair color::products:: our hair color brands::excellence cr&#232;me" data-tag-click-area="header" v-tag:useractionevent.dom="" >Excellence Cr&#232;me</a>
                                </li>
                                <li>
                                    <a href="/brands/excellence-age-perfect" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="hair color::products:: our hair color brands::excellence age perfect" data-tag-category="main menu navigation" data-tag-breadcrumb="hair color::products:: our hair color brands::excellence age perfect" data-tag-click-area="header" v-tag:useractionevent.dom="" >Excellence Age Perfect</a>
                                </li>
                                <li>
                                    <a href="/hair-color/hair-gloss" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="hair color::products:: our hair color brands::le gloss" data-tag-category="main menu navigation" data-tag-breadcrumb="hair color::products:: our hair color brands::le gloss" data-tag-click-area="header" v-tag:useractionevent.dom="" >Le Gloss</a>
                                </li>
                                <li>
                                    <a href="/new-one-twist-hair-color-by-loreal-men-expert" data-tag-action="select::header" target="_blank" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="hair color::products:: our hair color brands::men expert" data-tag-category="main menu navigation" data-tag-breadcrumb="hair color::products:: our hair color brands::men expert" data-tag-click-area="header" v-tag:useractionevent.dom="" >Men Expert</a>
                                </li>
                        </ul>
                    </section>
    </div>


                                            <!-- #endregion -->
                                                                                                    </div>
                            </div>                         
                        </div>
                </li>
                <li data-tag-wrapper class="navigationList__item" >
                        <a href="/hair-care-hair-style"
                           aria-expanded="false"
                           class="navigationList__trigger"
                           role="button"
                           v-megamenu:togglepanel="{index:3}"
                           data-tag-wrapper
                           data-tag-category="main menu navigation"
                           data-tag-event-name="menu_click"
                           data-tag-click-area="header"
                           data-tag-breadcrumb="hair care &amp; styling"
                           data-tag-action="select::header"
                           data-tag-label="hair care &amp; styling "
                           v-tag:useractionevent.dom>
                            Hair Care & Styling
                            <span class="navigationList__arrow"></span>
                        </a>
                        <div class="navigation__panelWrapper" v-megamenu:panel="{index:3}">
                            <div class="navigation__animationWrapper">
                                <div class="navigation__backWrapper">
                                    <button class="navigation__backLabel" v-megamenu:backreturn="{index:3}" >
                                        <span class="navigationList__arrow"></span>
                                        Hair Care &amp; Styling
                                    </button>
                                </div>



                                    <div class="navigation__panelContentWrapper -noSwitcher">
                                

                                            <!-- #region Products Left section -->


    <div class="navigation__productListWrapper ">
        <div class="navigation__productListWrapper--row">
                    <collapsable tagname="section" identifier="unique-id-110e9602-a194-48f2-9b8f-2177a13d79e7" :force-mobile=false>
                        <template #indicator>
                            <span class="collapsable__indicator"></span>
                        </template>
                        <template #title>
                            <span class="collapsable__title" id="unique-id-110e9602-a194-48f2-9b8f-2177a13d79e7">HAIR CARE &amp; STYLING PRODUCTS</span>
                        </template>
                        <template #content>
                            <ul class="collapsable__content">
                                    <li data-tag-wrapper>
                                        <a href="/hair-care-hair-style/shampoo" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="hair care &amp; styling::products::hair care &amp; styling products::shampoo" data-tag-category="main menu navigation" data-tag-breadcrumb="hair care &amp; styling::products::hair care &amp; styling products::shampoo" data-tag-click-area="header" v-tag:useractionevent.dom="" >Shampoo</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/hair-care-hair-style/conditioner" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="hair care &amp; styling::products::hair care &amp; styling products::conditioner" data-tag-category="main menu navigation" data-tag-breadcrumb="hair care &amp; styling::products::hair care &amp; styling products::conditioner" data-tag-click-area="header" v-tag:useractionevent.dom="" >Conditioner</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/hair-care-hair-style/hair-treatments" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="hair care &amp; styling::products::hair care &amp; styling products::hair treatments" data-tag-category="main menu navigation" data-tag-breadcrumb="hair care &amp; styling::products::hair care &amp; styling products::hair treatments" data-tag-click-area="header" v-tag:useractionevent.dom="" >Hair Treatments</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/hair-care-hair-style/hair-serum" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="hair care &amp; styling::products::hair care &amp; styling products::hair serum" data-tag-category="main menu navigation" data-tag-breadcrumb="hair care &amp; styling::products::hair care &amp; styling products::hair serum" data-tag-click-area="header" v-tag:useractionevent.dom="" >Hair Serum</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/hair-care-hair-style/hair-mask" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="hair care &amp; styling::products::hair care &amp; styling products::hair mask" data-tag-category="main menu navigation" data-tag-breadcrumb="hair care &amp; styling::products::hair care &amp; styling products::hair mask" data-tag-click-area="header" v-tag:useractionevent.dom="" >Hair Mask</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/hair-care-hair-style/purple-shampoo" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="hair care &amp; styling::products::hair care &amp; styling products::purple shampoo" data-tag-category="main menu navigation" data-tag-breadcrumb="hair care &amp; styling::products::hair care &amp; styling products::purple shampoo" data-tag-click-area="header" v-tag:useractionevent.dom="" >Purple Shampoo</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/hair-care-hair-style/dry-shampoo" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="hair care &amp; styling::products::hair care &amp; styling products::dry shampoo" data-tag-category="main menu navigation" data-tag-breadcrumb="hair care &amp; styling::products::hair care &amp; styling products::dry shampoo" data-tag-click-area="header" v-tag:useractionevent.dom="" >Dry Shampoo</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/hair-care-hair-style/kit" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="hair care &amp; styling::products::hair care &amp; styling products::hair care kits" data-tag-category="main menu navigation" data-tag-breadcrumb="hair care &amp; styling::products::hair care &amp; styling products::hair care kits" data-tag-click-area="header" v-tag:useractionevent.dom="" >Hair Care Kits</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/hair-care-hair-style/hair-spray" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="hair care &amp; styling::products::hair care &amp; styling products::hair spray" data-tag-category="main menu navigation" data-tag-breadcrumb="hair care &amp; styling::products::hair care &amp; styling products::hair spray" data-tag-click-area="header" v-tag:useractionevent.dom="" >Hair Spray</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/hair-care-hair-style/hair-styling" data-tag-action="select::header" target="_blank" data-tag-event-name="menu_click" data-tag-label="hair care &amp; styling::products::hair care &amp; styling products::hair styling" data-tag-category="main menu navigation" data-tag-breadcrumb="hair care &amp; styling::products::hair care &amp; styling products::hair styling" data-tag-click-area="header" v-tag:useractionevent.dom="" >Hair Styling</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        
                                    </li>
                                    <li data-tag-wrapper>
                                        
                                    </li>
                                    <li data-tag-wrapper>
                                        
                                    </li>
                                                                    <li data-tag-wrapper class="collapsable__listItemAlt">
                                        <a href="/hair-care-hair-style" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="hair care &amp; styling::products::all hair care &amp; styling products" data-tag-category="main menu navigation" data-tag-breadcrumb="hair care &amp; styling::products::all hair care &amp; styling products" data-tag-click-area="header" v-tag:useractionevent.dom="" >ALL HAIR CARE &amp; STYLING PRODUCTS</a>
                                    </li>
                            </ul>
                        </template>
                    </collapsable>
                    <collapsable tagname="section" identifier="unique-id-7de7a495-a559-45bc-bef7-17b40b4ffb01" :force-mobile=false>
                        <template #indicator>
                            <span class="collapsable__indicator"></span>
                        </template>
                        <template #title>
                            <span class="collapsable__title" id="unique-id-7de7a495-a559-45bc-bef7-17b40b4ffb01">HAIR CARE &amp; STYLING CONCERNS</span>
                        </template>
                        <template #content>
                            <ul class="collapsable__content">
                                    <li data-tag-wrapper>
                                        <a href=" " data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="hair care &amp; styling::products::hair care &amp; styling concerns:: " data-tag-category="main menu navigation" data-tag-breadcrumb="hair care &amp; styling::products::hair care &amp; styling concerns:: " data-tag-click-area="header" v-tag:useractionevent.dom="" > </a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/hair-care-hair-style/blonde-hair-care" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="hair care &amp; styling::products::hair care &amp; styling concerns::blonde hair care" data-tag-category="main menu navigation" data-tag-breadcrumb="hair care &amp; styling::products::hair care &amp; styling concerns::blonde hair care" data-tag-click-area="header" v-tag:useractionevent.dom="" >Blonde Hair Care</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/hair-care-hair-style/blowouts" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="hair care &amp; styling::products::hair care &amp; styling concerns::blowouts" data-tag-category="main menu navigation" data-tag-breadcrumb="hair care &amp; styling::products::hair care &amp; styling concerns::blowouts" data-tag-click-area="header" v-tag:useractionevent.dom="" >Blowouts</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/ever-bonding" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="hair care &amp; styling::products::hair care &amp; styling concerns::bonding" data-tag-category="main menu navigation" data-tag-breadcrumb="hair care &amp; styling::products::hair care &amp; styling concerns::bonding" data-tag-click-area="header" v-tag:useractionevent.dom="" >Bonding</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/hair-care-hair-style/color-treated-hair" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="hair care &amp; styling::products::hair care &amp; styling concerns::color treated hair" data-tag-category="main menu navigation" data-tag-breadcrumb="hair care &amp; styling::products::hair care &amp; styling concerns::color treated hair" data-tag-click-area="header" v-tag:useractionevent.dom="" >Color Treated Hair</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/hair-care-hair-style/hair-breakage-split-ends" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="hair care &amp; styling::products::hair care &amp; styling concerns::hair breakage &amp; split ends" data-tag-category="main menu navigation" data-tag-breadcrumb="hair care &amp; styling::products::hair care &amp; styling concerns::hair breakage &amp; split ends" data-tag-click-area="header" v-tag:useractionevent.dom="" >Hair Breakage &amp; Split Ends</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/hair-care-hair-style/hair-straightening" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="hair care &amp; styling::products::hair care &amp; styling concerns::hair straightening" data-tag-category="main menu navigation" data-tag-breadcrumb="hair care &amp; styling::products::hair care &amp; styling concerns::hair straightening" data-tag-click-area="header" v-tag:useractionevent.dom="" >Hair Straightening</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/hair-care-hair-style/hair-texturizing" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="hair care &amp; styling::products::hair care &amp; styling concerns::hair texturing" data-tag-category="main menu navigation" data-tag-breadcrumb="hair care &amp; styling::products::hair care &amp; styling concerns::hair texturing" data-tag-click-area="header" v-tag:useractionevent.dom="" >Hair Texturing</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/hair-care-hair-style/heat-free" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="hair care &amp; styling::products::hair care &amp; styling concerns::heat free" data-tag-category="main menu navigation" data-tag-breadcrumb="hair care &amp; styling::products::hair care &amp; styling concerns::heat free" data-tag-click-area="header" v-tag:useractionevent.dom="" >Heat Free</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/hair-care-hair-style/heat-protectant" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="hair care &amp; styling::products::hair care &amp; styling concerns::heat protectant" data-tag-category="main menu navigation" data-tag-breadcrumb="hair care &amp; styling::products::hair care &amp; styling concerns::heat protectant" data-tag-click-area="header" v-tag:useractionevent.dom="" >Heat Protectant</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/hair-care-hair-style/oily-roots-dry-ends" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="hair care &amp; styling::products::hair care &amp; styling concerns::oily roots/dry ends" data-tag-category="main menu navigation" data-tag-breadcrumb="hair care &amp; styling::products::hair care &amp; styling concerns::oily roots/dry ends" data-tag-click-area="header" v-tag:useractionevent.dom="" >Oily Roots/Dry Ends</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/hair-care-hair-style/sulfate-free" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="hair care &amp; styling::products::hair care &amp; styling concerns::sulfate free" data-tag-category="main menu navigation" data-tag-breadcrumb="hair care &amp; styling::products::hair care &amp; styling concerns::sulfate free" data-tag-click-area="header" v-tag:useractionevent.dom="" >Sulfate Free</a>
                                    </li>
                                                            </ul>
                        </template>
                    </collapsable>
                    <collapsable tagname="section" identifier="unique-id-200e9831-f225-4a2b-9386-3e53e9a0802b" :force-mobile=false>
                        <template #indicator>
                            <span class="collapsable__indicator"></span>
                        </template>
                        <template #title>
                            <span class="collapsable__title" id="unique-id-200e9831-f225-4a2b-9386-3e53e9a0802b">HAIR TYPE</span>
                        </template>
                        <template #content>
                            <ul class="collapsable__content">
                                    <li data-tag-wrapper>
                                        <a href="/hair-care-hair-style/curly-hair" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="hair care &amp; styling::products::hair type::curly hair" data-tag-category="main menu navigation" data-tag-breadcrumb="hair care &amp; styling::products::hair type::curly hair" data-tag-click-area="header" v-tag:useractionevent.dom="" >Curly Hair</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/hair-care-hair-style/damaged-hair" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="hair care &amp; styling::products::hair type::damaged hair" data-tag-category="main menu navigation" data-tag-breadcrumb="hair care &amp; styling::products::hair type::damaged hair" data-tag-click-area="header" v-tag:useractionevent.dom="" >Damaged Hair</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/hair-care-hair-style/dry-hair" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="hair care &amp; styling::products::hair type::dry hair" data-tag-category="main menu navigation" data-tag-breadcrumb="hair care &amp; styling::products::hair type::dry hair" data-tag-click-area="header" v-tag:useractionevent.dom="" >Dry Hair</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/hair-care-hair-style/frizzy-hair" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="hair care &amp; styling::products::hair type::frizzy hair" data-tag-category="main menu navigation" data-tag-breadcrumb="hair care &amp; styling::products::hair type::frizzy hair" data-tag-click-area="header" v-tag:useractionevent.dom="" >Frizzy Hair</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/hair-care-hair-style/thin-fine-hair" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="hair care &amp; styling::products::hair type::thin or fine hair" data-tag-category="main menu navigation" data-tag-breadcrumb="hair care &amp; styling::products::hair type::thin or fine hair" data-tag-click-area="header" v-tag:useractionevent.dom="" >Thin or Fine Hair</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/hair-care-hair-style/thick-hair" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="hair care &amp; styling::products::hair type::thick hair" data-tag-category="main menu navigation" data-tag-breadcrumb="hair care &amp; styling::products::hair type::thick hair" data-tag-click-area="header" v-tag:useractionevent.dom="" >Thick Hair</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/hair-care-hair-style/wavy-hair" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="hair care &amp; styling::products::hair type::wavy hair" data-tag-category="main menu navigation" data-tag-breadcrumb="hair care &amp; styling::products::hair type::wavy hair" data-tag-click-area="header" v-tag:useractionevent.dom="" >Wavy Hair</a>
                                    </li>
                                                            </ul>
                        </template>
                    </collapsable>
        </div>


    </div>
                                            <!-- #endregion -->
                                            <!-- #region Products Right section -->

    <div class="navigation__needsListWrapper">
        
                    <section data-tag-wrapper aria-labelledby="main-menu-how-can-we-help-section-c67847fe-0385-4279-a521-2215e67681c8">
                        <p id="main-menu-how-can-we-help-section-c67847fe-0385-4279-a521-2215e67681c8">Tools &amp; Consultations</p>
                        <ul data-tag-wrapper class="navigation__additionalListContent">
                                <li>
                                    
                                </li>
                                <li>
                                    <a href="/haircare-routine-quiz" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="hair care &amp; styling::products::tools &amp; consultations::find your hair care routine" data-tag-category="main menu navigation" data-tag-breadcrumb="hair care &amp; styling::products::tools &amp; consultations::find your hair care routine" data-tag-click-area="header" v-tag:useractionevent.dom="" >Find Your Hair Care Routine</a>
                                </li>
                                <li>
                                    <a href="/wedding" data-tag-action="select::header" target="_blank" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="hair care &amp; styling::products::tools &amp; consultations::get wedding ready" data-tag-category="main menu navigation" data-tag-breadcrumb="hair care &amp; styling::products::tools &amp; consultations::get wedding ready" data-tag-click-area="header" v-tag:useractionevent.dom="" >Get Wedding Ready</a>
                                </li>
                        </ul>
                    </section>
                    <section data-tag-wrapper aria-labelledby="main-menu-our-makeup-brands-section-8f869db3-ba71-4fa9-9a53-9174669e9ef7">
                        <p id="main-menu-our-makeup-brands-section-8f869db3-ba71-4fa9-9a53-9174669e9ef7">Our Hair Care &amp; Styling Brands</p>
                        <ul data-tag-wrapper class="navigation__additionalListContent">
                                <li>
                                    <a href="/brands/advanced-hairstyle" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="hair care &amp; styling::products::our hair care &amp; styling brands::advanced hairstyle" data-tag-category="main menu navigation" data-tag-breadcrumb="hair care &amp; styling::products::our hair care &amp; styling brands::advanced hairstyle" data-tag-click-area="header" v-tag:useractionevent.dom="" >Advanced Hairstyle</a>
                                </li>
                                <li>
                                    <a href="/brands/ever" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="hair care &amp; styling::products::our hair care &amp; styling brands::ever" data-tag-category="main menu navigation" data-tag-breadcrumb="hair care &amp; styling::products::our hair care &amp; styling brands::ever" data-tag-click-area="header" v-tag:useractionevent.dom="" >Ever</a>
                                </li>
                                <li>
                                    <a href="/brands/elnett" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="hair care &amp; styling::products::our hair care &amp; styling brands::elnett" data-tag-category="main menu navigation" data-tag-breadcrumb="hair care &amp; styling::products::our hair care &amp; styling brands::elnett" data-tag-click-area="header" v-tag:useractionevent.dom="" >Elnett</a>
                                </li>
                                <li>
                                    <a href="/brands/elvive" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="hair care &amp; styling::products::our hair care &amp; styling brands::elvive" data-tag-category="main menu navigation" data-tag-breadcrumb="hair care &amp; styling::products::our hair care &amp; styling brands::elvive" data-tag-click-area="header" v-tag:useractionevent.dom="" >Elvive</a>
                                </li>
                                <li>
                                    
                                </li>
                                <li>
                                    <a href="/brands/studio-line" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="hair care &amp; styling::products::our hair care &amp; styling brands::studio line" data-tag-category="main menu navigation" data-tag-breadcrumb="hair care &amp; styling::products::our hair care &amp; styling brands::studio line" data-tag-click-area="header" v-tag:useractionevent.dom="" >Studio Line</a>
                                </li>
                        </ul>
                    </section>
    </div>


                                            <!-- #endregion -->
                                                                                                    </div>
                            </div>                         
                        </div>
                </li>
                <li data-tag-wrapper class="navigationList__item" >
                        <a href=""
                           aria-expanded="false"
                           class="navigationList__trigger"
                           role="button"
                           v-megamenu:togglepanel="{index:4}"
                           data-tag-wrapper
                           data-tag-category="main menu navigation"
                           data-tag-event-name="menu_click"
                           data-tag-click-area="header"
                           data-tag-breadcrumb=""
                           data-tag-action="select::header"
                           data-tag-label=" "
                           v-tag:useractionevent.dom>
                            Virtual Beauty Tools
                            <span class="navigationList__arrow"></span>
                        </a>
                        <div class="navigation__panelWrapper" v-megamenu:panel="{index:4}">
                            <div class="navigation__animationWrapper">
                                <div class="navigation__backWrapper">
                                    <button class="navigation__backLabel" v-megamenu:backreturn="{index:4}" >
                                        <span class="navigationList__arrow"></span>
                                        Virtual Beauty Tools
                                    </button>
                                </div>



                                    <div class="navigation__panelContentWrapper -noSwitcher">
                                

                                            <!-- #region Products Left section -->


    <div class="navigation__productListWrapper -fourColumns">
        <div class="navigation__productListWrapper--row">
                    <collapsable tagname="section" identifier="unique-id-ee8d3ca3-16b1-4633-ad18-3264014240d8" :force-mobile=false>
                        <template #indicator>
                            <span class="collapsable__indicator"></span>
                        </template>
                        <template #title>
                            <span class="collapsable__title" id="unique-id-ee8d3ca3-16b1-4633-ad18-3264014240d8">All Tools</span>
                        </template>
                        <template #content>
                            <ul class="collapsable__content">
                                    <li data-tag-wrapper>
                                        <a href="/tools-and-consultations" data-tag-action="select::header" target="_blank" data-tag-event-name="menu_click" data-tag-label="virtual beauty tools::products::all tools::all tools &amp; consultations" data-tag-category="main menu navigation" data-tag-breadcrumb="virtual beauty tools::products::all tools::all tools &amp; consultations" data-tag-click-area="header" v-tag:useractionevent.dom="" >All Tools &amp; Consultations</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/wedding" data-tag-action="select::header" target="_blank" data-tag-event-name="menu_click" data-tag-label="virtual beauty tools::products::all tools::get wedding ready" data-tag-category="main menu navigation" data-tag-breadcrumb="virtual beauty tools::products::all tools::get wedding ready" data-tag-click-area="header" v-tag:useractionevent.dom="" >Get Wedding Ready</a>
                                    </li>
                                                            </ul>
                        </template>
                    </collapsable>
                    <collapsable tagname="section" identifier="unique-id-dab67205-4494-40ac-b519-c56e604ab5b9" :force-mobile=false>
                        <template #indicator>
                            <span class="collapsable__indicator"></span>
                        </template>
                        <template #title>
                            <span class="collapsable__title" id="unique-id-dab67205-4494-40ac-b519-c56e604ab5b9">Makeup Tools</span>
                        </template>
                        <template #content>
                            <ul class="collapsable__content">
                                    <li data-tag-wrapper>
                                        <a href="/virtual-try-on-makeup" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="virtual beauty tools::products::makeup tools::makeup virtual try on" data-tag-category="main menu navigation" data-tag-breadcrumb="virtual beauty tools::products::makeup tools::makeup virtual try on" data-tag-click-area="header" v-tag:useractionevent.dom="" >Makeup Virtual Try On</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/match-my-shade" data-tag-action="select::header" target="_blank" data-tag-event-name="menu_click" data-tag-label="virtual beauty tools::products::makeup tools::foundation shade finder​" data-tag-category="main menu navigation" data-tag-breadcrumb="virtual beauty tools::products::makeup tools::foundation shade finder​" data-tag-click-area="header" v-tag:useractionevent.dom="" >Foundation Shade Finder​</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/undertones-quiz" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="virtual beauty tools::products::makeup tools::find your skin undertone" data-tag-category="main menu navigation" data-tag-breadcrumb="virtual beauty tools::products::makeup tools::find your skin undertone" data-tag-click-area="header" v-tag:useractionevent.dom="" >Find Your Skin Undertone</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/mascara-finder-quiz" data-tag-action="select::header" target="_blank" data-tag-event-name="menu_click" data-tag-label="virtual beauty tools::products::makeup tools::mascara finder" data-tag-category="main menu navigation" data-tag-breadcrumb="virtual beauty tools::products::makeup tools::mascara finder" data-tag-click-area="header" v-tag:useractionevent.dom="" >Mascara Finder</a>
                                    </li>
                                                            </ul>
                        </template>
                    </collapsable>
                    <collapsable tagname="section" identifier="unique-id-dbb07853-13c0-41d9-8016-0eea04d78891" :force-mobile=false>
                        <template #indicator>
                            <span class="collapsable__indicator"></span>
                        </template>
                        <template #title>
                            <span class="collapsable__title" id="unique-id-dbb07853-13c0-41d9-8016-0eea04d78891">Skin Care Tools</span>
                        </template>
                        <template #content>
                            <ul class="collapsable__content">
                                    <li data-tag-wrapper>
                                        <a href="/skin-genius-landing-page" data-tag-action="select::header" target="_blank" data-tag-event-name="menu_click" data-tag-label="virtual beauty tools::products::skin care tools::skin genius analysis tool" data-tag-category="main menu navigation" data-tag-breadcrumb="virtual beauty tools::products::skin care tools::skin genius analysis tool" data-tag-click-area="header" v-tag:useractionevent.dom="" >Skin Genius Analysis Tool</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/skincare-serum-quiz " data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="virtual beauty tools::products::skin care tools::skin serum finder" data-tag-category="main menu navigation" data-tag-breadcrumb="virtual beauty tools::products::skin care tools::skin serum finder" data-tag-click-area="header" v-tag:useractionevent.dom="" >Skin Serum Finder</a>
                                    </li>
                                                            </ul>
                        </template>
                    </collapsable>
                    <collapsable tagname="section" identifier="unique-id-fecd2b7e-94a4-4f47-b692-f8f91b50fce5" :force-mobile=false>
                        <template #indicator>
                            <span class="collapsable__indicator"></span>
                        </template>
                        <template #title>
                            <span class="collapsable__title" id="unique-id-fecd2b7e-94a4-4f47-b692-f8f91b50fce5">Hair Color &amp; Care Tools</span>
                        </template>
                        <template #content>
                            <ul class="collapsable__content">
                                    <li data-tag-wrapper>
                                        <a href="/virtual-try-on-hair" data-tag-action="select::header" target="_blank" data-tag-event-name="menu_click" data-tag-label="virtual beauty tools::products::hair color &amp; care tools::hair color virtual try on" data-tag-category="main menu navigation" data-tag-breadcrumb="virtual beauty tools::products::hair color &amp; care tools::hair color virtual try on" data-tag-click-area="header" v-tag:useractionevent.dom="" >Hair Color Virtual Try On</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/haircare-routine-quiz " data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="virtual beauty tools::products::hair color &amp; care tools::find your hair care routine" data-tag-category="main menu navigation" data-tag-breadcrumb="virtual beauty tools::products::hair color &amp; care tools::find your hair care routine" data-tag-click-area="header" v-tag:useractionevent.dom="" >Find Your Hair Care Routine</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/hair-color-concierge" data-tag-action="select::header" target="_blank" data-tag-event-name="menu_click" data-tag-label="virtual beauty tools::products::hair color &amp; care tools::hair color concierge" data-tag-category="main menu navigation" data-tag-breadcrumb="virtual beauty tools::products::hair color &amp; care tools::hair color concierge" data-tag-click-area="header" v-tag:useractionevent.dom="" >Hair Color Concierge</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/one-twist-hair-color-shade-matcher-for-men" data-tag-action="select::header" target="_blank" data-tag-event-name="menu_click" data-tag-label="virtual beauty tools::products::hair color &amp; care tools::men expert shade finder" data-tag-category="main menu navigation" data-tag-breadcrumb="virtual beauty tools::products::hair color &amp; care tools::men expert shade finder" data-tag-click-area="header" v-tag:useractionevent.dom="" >Men Expert Shade Finder</a>
                                    </li>
                                                            </ul>
                        </template>
                    </collapsable>
        </div>


    </div>
                                            <!-- #endregion -->
                                            <!-- #region Products Right section -->

    <div class="navigation__needsListWrapper">
        
                    <section data-tag-wrapper aria-labelledby="main-menu-how-can-we-help-section-bcbd2915-4f69-483e-8862-af624977c02c">
                        <p id="main-menu-how-can-we-help-section-bcbd2915-4f69-483e-8862-af624977c02c"></p>
                        <ul data-tag-wrapper class="navigation__additionalListContent">
                                <li>
                                    
                                </li>
                        </ul>
                    </section>
    </div>


                                            <!-- #endregion -->
                                                                                                    </div>
                            </div>                         
                        </div>
                </li>
                <li data-tag-wrapper class="navigationList__item" >
                        <a href="/beauty-magazine"
                           aria-expanded="false"
                           class="navigationList__trigger"
                           role="button"
                           v-megamenu:togglepanel="{index:5}"
                           data-tag-wrapper
                           data-tag-category="main menu navigation"
                           data-tag-event-name="menu_click"
                           data-tag-click-area="header"
                           data-tag-breadcrumb="beauty magazine"
                           data-tag-action="select::header"
                           data-tag-label="beauty magazine "
                           v-tag:useractionevent.dom>
                            Beauty Magazine
                            <span class="navigationList__arrow"></span>
                        </a>
                        <div class="navigation__panelWrapper" v-megamenu:panel="{index:5}">
                            <div class="navigation__animationWrapper">
                                <div class="navigation__backWrapper">
                                    <button class="navigation__backLabel" v-megamenu:backreturn="{index:5}" >
                                        <span class="navigationList__arrow"></span>
                                        Beauty Magazine
                                    </button>
                                </div>



                                    <div class="navigation__panelContentWrapper -noSwitcher">
                                

                                            <!-- #region Products Left section -->


    <div class="navigation__productListWrapper -fiveColumns">
        <div class="navigation__productListWrapper--row">
                    <collapsable tagname="section" identifier="unique-id-3de044ae-fa72-4f45-a2b9-6ab3f1b314e5" :force-mobile=false>
                        <template #indicator>
                            <span class="collapsable__indicator"></span>
                        </template>
                        <template #title>
                            <span class="collapsable__title" id="unique-id-3de044ae-fa72-4f45-a2b9-6ab3f1b314e5">Makeup</span>
                        </template>
                        <template #content>
                            <ul class="collapsable__content">
                                    <li data-tag-wrapper>
                                        <a href="/beauty-magazine/makeup/eye-makeup" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="beauty magazine::products::makeup::eye makeup" data-tag-category="main menu navigation" data-tag-breadcrumb="beauty magazine::products::makeup::eye makeup" data-tag-click-area="header" v-tag:useractionevent.dom="" >Eye Makeup</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/beauty-magazine/makeup/face-makeup" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="beauty magazine::products::makeup::face makeup" data-tag-category="main menu navigation" data-tag-breadcrumb="beauty magazine::products::makeup::face makeup" data-tag-click-area="header" v-tag:useractionevent.dom="" >Face Makeup</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/beauty-magazine/makeup/lip-makeup" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="beauty magazine::products::makeup::lip makeup" data-tag-category="main menu navigation" data-tag-breadcrumb="beauty magazine::products::makeup::lip makeup" data-tag-click-area="header" v-tag:useractionevent.dom="" >Lip Makeup</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/beauty-magazine/makeup/makeup-looks" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="beauty magazine::products::makeup::makeup looks" data-tag-category="main menu navigation" data-tag-breadcrumb="beauty magazine::products::makeup::makeup looks" data-tag-click-area="header" v-tag:useractionevent.dom="" >Makeup Looks</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/beauty-magazine/makeup/makeup-trends" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="beauty magazine::products::makeup::makeup trends" data-tag-category="main menu navigation" data-tag-breadcrumb="beauty magazine::products::makeup::makeup trends" data-tag-click-area="header" v-tag:useractionevent.dom="" >Makeup Trends</a>
                                    </li>
                                                                    <li data-tag-wrapper class="collapsable__listItemAlt">
                                        <a href="/beauty-magazine/makeup" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="beauty magazine::products::all makeup tips for every look" data-tag-category="main menu navigation" data-tag-breadcrumb="beauty magazine::products::all makeup tips for every look" data-tag-click-area="header" v-tag:useractionevent.dom="" >All Makeup Tips For Every Look</a>
                                    </li>
                            </ul>
                        </template>
                    </collapsable>
                    <collapsable tagname="section" identifier="unique-id-a10a4baf-810e-4428-8e82-41fcd8816813" :force-mobile=false>
                        <template #indicator>
                            <span class="collapsable__indicator"></span>
                        </template>
                        <template #title>
                            <span class="collapsable__title" id="unique-id-a10a4baf-810e-4428-8e82-41fcd8816813">Skin Care</span>
                        </template>
                        <template #content>
                            <ul class="collapsable__content">
                                    <li data-tag-wrapper>
                                        <a href="/beauty-magazine/skin-care/anti-aging" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="beauty magazine::products::skin care::anti-aging" data-tag-category="main menu navigation" data-tag-breadcrumb="beauty magazine::products::skin care::anti-aging" data-tag-click-area="header" v-tag:useractionevent.dom="" >Anti-Aging</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/beauty-magazine/skin-care/sun-care-and-self-tanning" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="beauty magazine::products::skin care::self-tanners" data-tag-category="main menu navigation" data-tag-breadcrumb="beauty magazine::products::skin care::self-tanners" data-tag-click-area="header" v-tag:useractionevent.dom="" >Self-Tanners</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/beauty-magazine/skin-care/skin-care-concerns" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="beauty magazine::products::skin care::skin care concerns" data-tag-category="main menu navigation" data-tag-breadcrumb="beauty magazine::products::skin care::skin care concerns" data-tag-click-area="header" v-tag:useractionevent.dom="" >Skin Care Concerns</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/beauty-magazine/skin-care/skin-care-essentials" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="beauty magazine::products::skin care::skin care essentials" data-tag-category="main menu navigation" data-tag-breadcrumb="beauty magazine::products::skin care::skin care essentials" data-tag-click-area="header" v-tag:useractionevent.dom="" >Skin Care Essentials</a>
                                    </li>
                                                                    <li data-tag-wrapper class="collapsable__listItemAlt">
                                        <a href="/beauty-magazine/skin-care" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="beauty magazine::products::all skincare advice for every age" data-tag-category="main menu navigation" data-tag-breadcrumb="beauty magazine::products::all skincare advice for every age" data-tag-click-area="header" v-tag:useractionevent.dom="" >All Skincare Advice for Every Age</a>
                                    </li>
                            </ul>
                        </template>
                    </collapsable>
                    <collapsable tagname="section" identifier="unique-id-6970403a-f6b7-452d-90af-ca31a45ebed5" :force-mobile=false>
                        <template #indicator>
                            <span class="collapsable__indicator"></span>
                        </template>
                        <template #title>
                            <span class="collapsable__title" id="unique-id-6970403a-f6b7-452d-90af-ca31a45ebed5">Hair Color</span>
                        </template>
                        <template #content>
                            <ul class="collapsable__content">
                                    <li data-tag-wrapper>
                                        <a href="/beauty-magazine/hair-color/gray-hair-coverage" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="beauty magazine::products::hair color::gray coverage" data-tag-category="main menu navigation" data-tag-breadcrumb="beauty magazine::products::hair color::gray coverage" data-tag-click-area="header" v-tag:useractionevent.dom="" >Gray Coverage</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/beauty-magazine/hair-color/hair-color-application" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="beauty magazine::products::hair color::hair color application" data-tag-category="main menu navigation" data-tag-breadcrumb="beauty magazine::products::hair color::hair color application" data-tag-click-area="header" v-tag:useractionevent.dom="" >Hair Color Application</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/beauty-magazine/hair-color/hair-color-ideas" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="beauty magazine::products::hair color::hair color ideas" data-tag-category="main menu navigation" data-tag-breadcrumb="beauty magazine::products::hair color::hair color ideas" data-tag-click-area="header" v-tag:useractionevent.dom="" >Hair Color Ideas</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/beauty-magazine/hair-color/hair-color-trends" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="beauty magazine::products::hair color::hair color trends" data-tag-category="main menu navigation" data-tag-breadcrumb="beauty magazine::products::hair color::hair color trends" data-tag-click-area="header" v-tag:useractionevent.dom="" >Hair Color Trends</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/beauty-magazine/hair-color/hair-color-tutorials" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="beauty magazine::products::hair color::tutorials" data-tag-category="main menu navigation" data-tag-breadcrumb="beauty magazine::products::hair color::tutorials" data-tag-click-area="header" v-tag:useractionevent.dom="" >Tutorials</a>
                                    </li>
                                                                    <li data-tag-wrapper class="collapsable__listItemAlt">
                                        <a href="/beauty-magazine/hair-color" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="beauty magazine::products::all bold ideas from hair color pros" data-tag-category="main menu navigation" data-tag-breadcrumb="beauty magazine::products::all bold ideas from hair color pros" data-tag-click-area="header" v-tag:useractionevent.dom="" >All Bold Ideas From Hair Color Pros</a>
                                    </li>
                            </ul>
                        </template>
                    </collapsable>
                    <collapsable tagname="section" identifier="unique-id-91a66744-f94e-4d7e-8141-bbebb98cc029" :force-mobile=false>
                        <template #indicator>
                            <span class="collapsable__indicator"></span>
                        </template>
                        <template #title>
                            <span class="collapsable__title" id="unique-id-91a66744-f94e-4d7e-8141-bbebb98cc029">Hair Style</span>
                        </template>
                        <template #content>
                            <ul class="collapsable__content">
                                    <li data-tag-wrapper>
                                        <a href="/beauty-magazine/hair-style/long-hairstyles" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="beauty magazine::products::hair style::long" data-tag-category="main menu navigation" data-tag-breadcrumb="beauty magazine::products::hair style::long" data-tag-click-area="header" v-tag:useractionevent.dom="" >Long</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/beauty-magazine/hair-style/medium-hairstyles" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="beauty magazine::products::hair style::medium" data-tag-category="main menu navigation" data-tag-breadcrumb="beauty magazine::products::hair style::medium" data-tag-click-area="header" v-tag:useractionevent.dom="" >Medium</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/beauty-magazine/hair-style/short-hairstyles" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="beauty magazine::products::hair style::short" data-tag-category="main menu navigation" data-tag-breadcrumb="beauty magazine::products::hair style::short" data-tag-click-area="header" v-tag:useractionevent.dom="" >Short</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/beauty-magazine/hair-style/braid-hairstyles" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="beauty magazine::products::hair style::braids" data-tag-category="main menu navigation" data-tag-breadcrumb="beauty magazine::products::hair style::braids" data-tag-click-area="header" v-tag:useractionevent.dom="" >Braids</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/beauty-magazine/hair-style/updo-and-bun-hairstyles" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="beauty magazine::products::hair style::updos &amp; buns" data-tag-category="main menu navigation" data-tag-breadcrumb="beauty magazine::products::hair style::updos &amp; buns" data-tag-click-area="header" v-tag:useractionevent.dom="" >Updos &amp; Buns</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/beauty-magazine/hair-style/hairstyle-trends" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="beauty magazine::products::hair style::hairstyle trends" data-tag-category="main menu navigation" data-tag-breadcrumb="beauty magazine::products::hair style::hairstyle trends" data-tag-click-area="header" v-tag:useractionevent.dom="" >Hairstyle Trends</a>
                                    </li>
                                                                    <li data-tag-wrapper class="collapsable__listItemAlt">
                                        <a href="/beauty-magazine/hair-style" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="beauty magazine::products::all hair style&#39;s to find your next hot look" data-tag-category="main menu navigation" data-tag-breadcrumb="beauty magazine::products::all hair style&#39;s to find your next hot look" data-tag-click-area="header" v-tag:useractionevent.dom="" >All Hair Style&#39;s To Find Your Next Hot Look</a>
                                    </li>
                            </ul>
                        </template>
                    </collapsable>
                    <collapsable tagname="section" identifier="unique-id-437e70f9-1552-4a49-ae8f-00c8a34c8cba" :force-mobile=false>
                        <template #indicator>
                            <span class="collapsable__indicator"></span>
                        </template>
                        <template #title>
                            <span class="collapsable__title" id="unique-id-437e70f9-1552-4a49-ae8f-00c8a34c8cba">Hair Care</span>
                        </template>
                        <template #content>
                            <ul class="collapsable__content">
                                    <li data-tag-wrapper>
                                        <a href="/beauty-magazine/hair-care/color-treated-hair" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="beauty magazine::products::hair care::color-treated hair" data-tag-category="main menu navigation" data-tag-breadcrumb="beauty magazine::products::hair care::color-treated hair" data-tag-click-area="header" v-tag:useractionevent.dom="" >Color-Treated Hair</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/beauty-magazine/hair-care/damaged-hair" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="beauty magazine::products::hair care::damaged hair" data-tag-category="main menu navigation" data-tag-breadcrumb="beauty magazine::products::hair care::damaged hair" data-tag-click-area="header" v-tag:useractionevent.dom="" >Damaged Hair</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/beauty-magazine/hair-care/dry-hair" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="beauty magazine::products::hair care::dry hair" data-tag-category="main menu navigation" data-tag-breadcrumb="beauty magazine::products::hair care::dry hair" data-tag-click-area="header" v-tag:useractionevent.dom="" >Dry Hair</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/beauty-magazine/hair-care/sulfate-free" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="beauty magazine::products::hair care::sulfate free" data-tag-category="main menu navigation" data-tag-breadcrumb="beauty magazine::products::hair care::sulfate free" data-tag-click-area="header" v-tag:useractionevent.dom="" >Sulfate Free</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/beauty-magazine/hair-care/all-hair-types" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="beauty magazine::products::hair care::all hair types" data-tag-category="main menu navigation" data-tag-breadcrumb="beauty magazine::products::hair care::all hair types" data-tag-click-area="header" v-tag:useractionevent.dom="" >All Hair Types</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/beauty-magazine/hair-care/frizzy-hair" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="beauty magazine::products::hair care::frizzy" data-tag-category="main menu navigation" data-tag-breadcrumb="beauty magazine::products::hair care::frizzy" data-tag-click-area="header" v-tag:useractionevent.dom="" >Frizzy</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/beauty-magazine/hair-care/thin-hair" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="beauty magazine::products::hair care::thin hair" data-tag-category="main menu navigation" data-tag-breadcrumb="beauty magazine::products::hair care::thin hair" data-tag-click-area="header" v-tag:useractionevent.dom="" >Thin Hair</a>
                                    </li>
                                                                    <li data-tag-wrapper class="collapsable__listItemAlt">
                                        <a href="/beauty-magazine/hair-care" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="beauty magazine::products::all things healthy hair" data-tag-category="main menu navigation" data-tag-breadcrumb="beauty magazine::products::all things healthy hair" data-tag-click-area="header" v-tag:useractionevent.dom="" >All Things Healthy Hair</a>
                                    </li>
                            </ul>
                        </template>
                    </collapsable>
        </div>


    </div>
                                            <!-- #endregion -->
                                            <!-- #region Products Right section -->

    <div class="navigation__needsListWrapper">
        
                    <section data-tag-wrapper aria-labelledby="main-menu-how-can-we-help-section-258a86e3-79ad-4170-9e34-37f253902063">
                        <p id="main-menu-how-can-we-help-section-258a86e3-79ad-4170-9e34-37f253902063">Beauty Tips</p>
                        <ul data-tag-wrapper class="navigation__additionalListContent">
                                <li>
                                    <a href="/beauty-magazine/beauty-tips/beauty-looks" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="beauty magazine::products::beauty tips::beauty looks" data-tag-category="main menu navigation" data-tag-breadcrumb="beauty magazine::products::beauty tips::beauty looks" data-tag-click-area="header" v-tag:useractionevent.dom="" >Beauty Looks</a>
                                </li>
                                <li>
                                    <a href="/beauty-magazine/beauty-tips/beauty-trends" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="beauty magazine::products::beauty tips::beauty trends" data-tag-category="main menu navigation" data-tag-breadcrumb="beauty magazine::products::beauty tips::beauty trends" data-tag-click-area="header" v-tag:useractionevent.dom="" >Beauty Trends</a>
                                </li>
                                <li>
                                    <a href="/mens-tips-and-trends" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="beauty magazine::products::beauty tips::men&#39;s tips and trends" data-tag-category="main menu navigation" data-tag-breadcrumb="beauty magazine::products::beauty tips::men&#39;s tips and trends" data-tag-click-area="header" v-tag:useractionevent.dom="" >Men&#39;s Tips and Trends</a>
                                </li>
                        </ul>
<a href="/beauty-magazine/beauty-tips" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="beauty magazine::products::all pro ideas for your next look" data-tag-category="main menu navigation" class="listItemAlt" data-tag-breadcrumb="beauty magazine::products::all pro ideas for your next look" data-tag-click-area="header" v-tag:useractionevent.dom="" >All Pro Ideas for Your Next Look</a>                    </section>
    </div>


                                            <!-- #endregion -->
                                                                                                    </div>
                            </div>                         
                        </div>
                </li>
                <li data-tag-wrapper class="navigationList__item" >
<a href="/my-offers" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="deals &amp; samples" data-tag-category="main menu navigation" class="navigationList__trigger" data-tag-breadcrumb="deals &amp; samples" data-tag-click-area="header" v-tag:useractionevent.dom="" >Deals &amp; Samples</a>                </li>
                <li data-tag-wrapper class="navigationList__item" >
                        <a href="/"
                           aria-expanded="false"
                           class="navigationList__trigger"
                           role="button"
                           v-megamenu:togglepanel="{index:7}"
                           data-tag-wrapper
                           data-tag-category="main menu navigation"
                           data-tag-event-name="menu_click"
                           data-tag-click-area="header"
                           data-tag-breadcrumb="explore"
                           data-tag-action="select::header"
                           data-tag-label="explore "
                           v-tag:useractionevent.dom>
                            Explore
                            <span class="navigationList__arrow"></span>
                        </a>
                        <div class="navigation__panelWrapper" v-megamenu:panel="{index:7}">
                            <div class="navigation__animationWrapper">
                                <div class="navigation__backWrapper">
                                    <button class="navigation__backLabel" v-megamenu:backreturn="{index:7}" >
                                        <span class="navigationList__arrow"></span>
                                        Explore
                                    </button>
                                </div>



                                    <div class="navigation__panelContentWrapper -noSwitcher">
                                

                                            <!-- #region Products Left section -->


    <div class="navigation__productListWrapper -fourColumns">
        <div class="navigation__productListWrapper--row">
                    <collapsable tagname="section" identifier="unique-id-1fce76ac-0884-40ba-a7a1-a38d0ba61c90" :force-mobile=false>
                        <template #indicator>
                            <span class="collapsable__indicator"></span>
                        </template>
                        <template #title>
                            <span class="collapsable__title" id="unique-id-1fce76ac-0884-40ba-a7a1-a38d0ba61c90">About L&#39;Or&#233;al Paris</span>
                        </template>
                        <template #content>
                            <ul class="collapsable__content">
                                    <li data-tag-wrapper>
                                        <a href="/overview" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="explore::products::about l&#39;or&#233;al paris::our purpose" data-tag-category="main menu navigation" data-tag-breadcrumb="explore::products::about l&#39;or&#233;al paris::our purpose" data-tag-click-area="header" v-tag:useractionevent.dom="" >Our Purpose</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/our-history" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="explore::products::about l&#39;or&#233;al paris::history" data-tag-category="main menu navigation" data-tag-breadcrumb="explore::products::about l&#39;or&#233;al paris::history" data-tag-click-area="header" v-tag:useractionevent.dom="" >History</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/our-brand-ambassadors" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="explore::products::about l&#39;or&#233;al paris::brand ambassadors" data-tag-category="main menu navigation" data-tag-breadcrumb="explore::products::about l&#39;or&#233;al paris::brand ambassadors" data-tag-click-area="header" v-tag:useractionevent.dom="" >Brand Ambassadors</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/because-youre-worth-it" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="explore::products::about l&#39;or&#233;al paris::because you&#39;re worth it" data-tag-category="main menu navigation" data-tag-breadcrumb="explore::products::about l&#39;or&#233;al paris::because you&#39;re worth it" data-tag-click-area="header" v-tag:useractionevent.dom="" >Because You&#39;re Worth It</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/the-other-side-of-loreal" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="explore::products::about l&#39;or&#233;al paris::the other side" data-tag-category="main menu navigation" data-tag-breadcrumb="explore::products::about l&#39;or&#233;al paris::the other side" data-tag-click-area="header" v-tag:useractionevent.dom="" >The Other Side</a>
                                    </li>
                                                            </ul>
                        </template>
                    </collapsable>
                    <collapsable tagname="section" identifier="unique-id-12505e96-84e5-48b3-ac7b-8ed8989088fb" :force-mobile=false>
                        <template #indicator>
                            <span class="collapsable__indicator"></span>
                        </template>
                        <template #title>
                            <span class="collapsable__title" id="unique-id-12505e96-84e5-48b3-ac7b-8ed8989088fb">Our Commitments</span>
                        </template>
                        <template #content>
                            <ul class="collapsable__content">
                                    <li data-tag-wrapper>
                                        <a href="/transparency-on-environmental-and-social-impact-of-our-products" data-tag-action="select::header" target="_blank" data-tag-event-name="menu_click" data-tag-label="explore::products::our commitments::environmental &amp; social impact of our products" data-tag-category="main menu navigation" data-tag-breadcrumb="explore::products::our commitments::environmental &amp; social impact of our products" data-tag-click-area="header" v-tag:useractionevent.dom="" >Environmental &amp; Social Impact of Our Products</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/our-sustainable-growth" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="explore::products::our commitments::sustainable growth" data-tag-category="main menu navigation" data-tag-breadcrumb="explore::products::our commitments::sustainable growth" data-tag-click-area="header" v-tag:useractionevent.dom="" >Sustainable Growth</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/stand-up" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="explore::products::our commitments::stand up against street harassment" data-tag-category="main menu navigation" data-tag-breadcrumb="explore::products::our commitments::stand up against street harassment" data-tag-click-area="header" v-tag:useractionevent.dom="" >Stand Up Against Street Harassment</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/women-of-worth" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="explore::products::our commitments::women of worth" data-tag-category="main menu navigation" data-tag-breadcrumb="explore::products::our commitments::women of worth" data-tag-click-area="header" v-tag:useractionevent.dom="" >Women of Worth</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/lesson-of-worth" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="explore::products::our commitments::lessons of worth" data-tag-category="main menu navigation" data-tag-breadcrumb="explore::products::our commitments::lessons of worth" data-tag-click-area="header" v-tag:useractionevent.dom="" >Lessons of Worth</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        
                                    </li>
                                                            </ul>
                        </template>
                    </collapsable>
                    <collapsable tagname="section" identifier="unique-id-b17e8204-3afe-4bdc-b0cb-d974bc8072fe" :force-mobile=false>
                        <template #indicator>
                            <span class="collapsable__indicator"></span>
                        </template>
                        <template #title>
                            <span class="collapsable__title" id="unique-id-b17e8204-3afe-4bdc-b0cb-d974bc8072fe">Our Science</span>
                        </template>
                        <template #content>
                            <ul class="collapsable__content">
                                    <li data-tag-wrapper>
                                        <a href="/the-other-side-of-loreal" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="explore::products::our science::the research behind our products" data-tag-category="main menu navigation" data-tag-breadcrumb="explore::products::our science::the research behind our products" data-tag-click-area="header" v-tag:useractionevent.dom="" >The Research behind our products</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/tools-and-consultations" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="explore::products::our science::our digital experiences" data-tag-category="main menu navigation" data-tag-breadcrumb="explore::products::our science::our digital experiences" data-tag-click-area="header" v-tag:useractionevent.dom="" >Our Digital Experiences</a>
                                    </li>
                                                            </ul>
                        </template>
                    </collapsable>
                    <collapsable tagname="section" identifier="unique-id-4339ab64-1e40-48eb-b73e-6f4ddb3edeee" :force-mobile=false>
                        <template #indicator>
                            <span class="collapsable__indicator"></span>
                        </template>
                        <template #title>
                            <span class="collapsable__title" id="unique-id-4339ab64-1e40-48eb-b73e-6f4ddb3edeee">Our Partners</span>
                        </template>
                        <template #content>
                            <ul class="collapsable__content">
                                    <li data-tag-wrapper>
                                        <a href="/loreal-paris-x-cannes-film-festival" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="explore::products::our partners::cannes film festival" data-tag-category="main menu navigation" data-tag-breadcrumb="explore::products::our partners::cannes film festival" data-tag-click-area="header" v-tag:useractionevent.dom="" >Cannes Film Festival</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/loreal-paris-x-paris-fashion-week" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="explore::products::our partners::paris fashion week" data-tag-category="main menu navigation" data-tag-breadcrumb="explore::products::our partners::paris fashion week" data-tag-click-area="header" v-tag:useractionevent.dom="" >Paris Fashion Week</a>
                                    </li>
                                    <li data-tag-wrapper>
                                        <a href="/nft-art" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-label="explore::products::our partners::nft involvement" data-tag-category="main menu navigation" data-tag-breadcrumb="explore::products::our partners::nft involvement" data-tag-click-area="header" v-tag:useractionevent.dom="" >NFT Involvement</a>
                                    </li>
                                                            </ul>
                        </template>
                    </collapsable>
        </div>


    </div>
                                            <!-- #endregion -->
                                            <!-- #region Products Right section -->

    <div class="navigation__needsListWrapper">
        
                    <section data-tag-wrapper aria-labelledby="main-menu-how-can-we-help-section-e2607a3e-4a83-4d13-aa38-06a00a804487">
                        <p id="main-menu-how-can-we-help-section-e2607a3e-4a83-4d13-aa38-06a00a804487">Discover</p>
                        <ul data-tag-wrapper class="navigation__additionalListContent">
                                <li>
                                    
                                </li>
                                <li>
                                    <a href="/tools-and-consultations" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="explore::products::discover::tools and consultations" data-tag-category="main menu navigation" data-tag-breadcrumb="explore::products::discover::tools and consultations" data-tag-click-area="header" v-tag:useractionevent.dom="" >Tools and Consultations</a>
                                </li>
                                <li>
                                    <a href="/ingredient-library" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="explore::products::discover::ingredient library" data-tag-category="main menu navigation" data-tag-breadcrumb="explore::products::discover::ingredient library" data-tag-click-area="header" v-tag:useractionevent.dom="" >Ingredient Library</a>
                                </li>
                                <li>
                                    <a href="/my-offers" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="explore::products::discover::offers" data-tag-category="main menu navigation" data-tag-breadcrumb="explore::products::discover::offers" data-tag-click-area="header" v-tag:useractionevent.dom="" >Offers</a>
                                </li>
                                <li>
                                    
                                </li>
                                <li>
                                    <a href="/gift-guide" data-tag-action="select::header" data-tag-event-name="menu_click" data-tag-wrapper="" data-tag-label="explore::products::discover::gift guide" data-tag-category="main menu navigation" data-tag-breadcrumb="explore::products::discover::gift guide" data-tag-click-area="header" v-tag:useractionevent.dom="" >Gift Guide</a>
                                </li>
                        </ul>
                    </section>
    </div>


                                            <!-- #endregion -->
                                                                                                    </div>
                            </div>                         
                        </div>
                </li>
                <li data-tag-wrapper class="navigationList__item" >
                </li>
            <li class="navigationList__item bottom-items">
                
            </li>
        </ul>
            
        <div class="navigationBar"></div>
    </nav>




                
    <a class="oap-header__my-account-link "
       href="/my-account/login"
       data-acc-link="/my-account"
    >
        <svg role="img">
                <title>My Account</title>
            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#my-account" />
        </svg>
    </a>



                    <div class="oap-search"
         role="search"
         v-search:limit="3">
        <input class="oap-search__checkbox" aria-labelledby="oap-search-input"
               type="checkbox"
               tabindex="-1">
        <button aria-expanded="false" class="oap-search__label -open">
            <span class="is-sr-only">Search </span>
            <svg aria-hidden="true" class="icon">
                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#search"></use>
            </svg>
        </button>
        <form class="oap-search__form" action="/search-page"
              method="get" role="search" novalidate>
            <label for="search-field"
                   class="is-sr-only">
                Search: Enter 3 characters minimum
            </label>
            <input id="search-field"
                   class="oap-search__form-item oap-search__input"
                   aria-label="Search: Enter 3 characters minimum"
                   type="text"
                   id="oap-search-input"
                   required
                   autocomplete="off"
                   pattern=".{3,}"
                   name="q"
                   placeholder="Search here...">
            <button class="oap-search__form-item oap-search__button"
                    type="submit"
                    data-tag-wrapper
                    data-tag-ecommerce="undefined"
                    data-tag-category="internal search"
                    data-tag-action="display"
                    data-tag-label="Search"
                    v-tag:useractionevent.dom
                    title="Search">
                <span class="is-sr-only">Search </span>
                <svg aria-hidden="true" class="icon">
                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#search"></use>
                </svg>
            </button>
            <button class="oap-search__form-item oap-search__label -close">
                <span class="is-sr-only">Clear search</span>
                <svg aria-hidden="true" class="icon">
                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#close"></use>
                </svg>
            </button>
                <search-suggestions suggestions-api-url="/apioap/suggestions"
                                    suggestions-action="/search-page"
                                    default-label="No suggestion for your request"
                                    recommended-searches-title="Did you mean..."
                                    recent-searches-title="Recent searches"
                                    :min-query-char="3"
                                    :max-recent-search-items="8">
                </search-suggestions>
        </form>
        <div class="oap-click-overlay"></div>
    </div>


                


            </div>
        </div>
    </div>

    


</header>




                  
                  <main role="main" id="main">
                      <a id="main-content" tabindex="-1"></a>
                      <div id="content"   v-scroll-into-view="{element: '.oap-collapsible', elementAttribute: 'open', scrollTrigger: 'click', behavior: 'smooth'}"   >
                          

<div class="oap-pdp-template">
    



<datalayer-update :extra-params='{
  &quot;currencyCode&quot;: &quot;USD&quot;,
  &quot;add&quot;: {
    &quot;products&quot;: [
      {
        &quot;name&quot;: &quot;monos eyeshadow&quot;,
        &quot;id&quot;: &quot;071249307045&quot;,
        &quot;price&quot;: &quot;5.99&quot;,
        &quot;brand&quot;: &quot;OAP&quot;,
        &quot;category&quot;: &quot;make-up/eye&quot;,
        &quot;variant&quot;: &quot;Argentic (Shimmer)&quot;,
        &quot;quantity&quot;: &quot;1&quot;,
        &quot;dimension36&quot;: &quot;argentic (shimmer)&quot;,
        &quot;dimension38&quot;: &quot;4.6&quot;,
        &quot;dimension48&quot;: &quot;071249307045&quot;,
        &quot;dimension49&quot;: &quot;present&quot;,
        &quot;dimension91&quot;: &quot;none&quot;,
        &quot;dimension180&quot;: &quot;none&quot;
      }
    ]
  }
}'></datalayer-update>
<div class="oap-pdp-grid " v-sticky-offset="'.oap-pdp-grid__content'" data-scan=False>
    <div class="oap-pdp-grid__column">
        <div class="oap-pdp-grid__content">
            
        <div class="oap-media-gallery --layout-grid-for-tablet">
            <ul class="oap-media-gallery__list">

                    <li id="oap-media-gallery__item-0" class="oap-media-gallery__item --packshot">
                        <figure class="oap-media-gallery__item-img-wrapper ">
                            <img alt="071249307045_T1" class="oap-media-gallery__item-img-element lazyload" data-sizes="(min-width: 1440px) 720px, (min-width: 650px) 50vw, 70vw" data-srcset="/-/media/project/loreal/brand-sites/oap/americas/us/products/makeup/eye/eye-shadow/colour-riche-eyeshadow/argentic/071249307045_t1.png?w=90&amp;rev=fbc5abdf3389481abdc3b15d4adc8870&amp;hash=C148ED278E349831A906DB62B6EB8B181FC92F41 90w,/-/media/project/loreal/brand-sites/oap/americas/us/products/makeup/eye/eye-shadow/colour-riche-eyeshadow/argentic/071249307045_t1.png?w=110&amp;rev=fbc5abdf3389481abdc3b15d4adc8870&amp;hash=43E5016D4E88D89BDB2AABAB3A1250D40337CEBD 110w,/-/media/project/loreal/brand-sites/oap/americas/us/products/makeup/eye/eye-shadow/colour-riche-eyeshadow/argentic/071249307045_t1.png?w=150&amp;rev=fbc5abdf3389481abdc3b15d4adc8870&amp;hash=934DC9436E05D6520B25F7D9F0FBBFB702B78041 150w,/-/media/project/loreal/brand-sites/oap/americas/us/products/makeup/eye/eye-shadow/colour-riche-eyeshadow/argentic/071249307045_t1.png?w=180&amp;rev=fbc5abdf3389481abdc3b15d4adc8870&amp;hash=B452D9C5A546037A379AC93C3BA094AA13E96246 180w,/-/media/project/loreal/brand-sites/oap/americas/us/products/makeup/eye/eye-shadow/colour-riche-eyeshadow/argentic/071249307045_t1.png?w=220&amp;rev=fbc5abdf3389481abdc3b15d4adc8870&amp;hash=DB75E5F72E4F2851F6AD1666FE5A3EA9611E8F70 220w,/-/media/project/loreal/brand-sites/oap/americas/us/products/makeup/eye/eye-shadow/colour-riche-eyeshadow/argentic/071249307045_t1.png?w=360&amp;rev=fbc5abdf3389481abdc3b15d4adc8870&amp;hash=49034FE6A844B3B600AB5011401F2EC1F82E61BF 360w" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" />
                        </figure>
                        
        <div class="oap-service-cta ">
                <button class="oap-button -primary -theme-brand -has-icon "
                        v-bus.click="'vto:enter'"
                        data-tag-wrapper
                        data-tag-category="virtual try on::modiface::make-up"
                        data-tag-action="__pageCategory__::select::virtual try on"
                        data-tag-event-name="site_load_service"
                        data-tag-service-name="virtualtryon"
                        data-tag-service-category="guide"
                        data-tag-cta-name="Live try on"
                        data-tag-product-info="Monos Eyeshadow::071249307045"
                        data-tag-label="load::monos eyeshadow" v-tag:useractionevent.dom>

                    <img class="oap-button__img lazyload" alt="Crimson Makeuptryon"
                         src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mM88x8AAp0BzdNtlUkAAAAASUVORK5CYII="
                         data-src="/-/media/project/loreal/brand-sites/oap/americas/us/zapper/service-images/crimson-makeuptryon.png?rev=a8592deade144f50951df1a13338147b">
                    <span class="oap-button__label">Live try on</span>
                </button>

        </div>

                    </li>
                                
            </ul>
            <oap-carousel-controls item-selector=".oap-media-gallery__item" media-query-list="(max-width: 40.5625rem)" aria-label="View product image"></oap-carousel-controls>
        </div>



        </div>
    </div>
    <div class="oap-pdp-grid__column">
        <div class="oap-pdp-grid__content"
             v-resize-listener="{
               eventName: 'update-sticky-offset',
               payload: '.oap-pdp-grid__content',
             }">
            <div class="oap-product-header" v-view-position-helper.body="'product-header'">
                


        <nav class="oap-product-breadcrumbs" role="navigation" aria-label="Top breadcrumb">
            <ol data-tag-wrapper
                data-tag-category="__pageCategory__"
                data-tag-action="breadcrumb"
                class="oap-product-breadcrumbs__inner">

                        <li class="oap-product-breadcrumbs__item">
                            <a v-tag:useractionevent.dom='{
                               "label": "home"
                               }'
                               href="/">
                                Home
                            </a>
                        </li>
                        <li class="oap-product-breadcrumbs__item">
                            <a v-tag:useractionevent.dom='{
                               "label": "home::makeup"
                               }'
                               href="/makeup">
                                Makeup
                            </a>
                        </li>
                        <li class="oap-product-breadcrumbs__item">
                            <a v-tag:useractionevent.dom='{
                               "label": "home::makeup::eye makeup"
                               }'
                               href="/makeup/eye">
                                Eye Makeup
                            </a>
                        </li>
                        <li class="oap-product-breadcrumbs__item">
                            <a v-tag:useractionevent.dom='{
                               "label": "home::makeup::eye makeup::eye-shadow"
                               }'
                               href="/makeup/eye/eye-shadow">
                                eye-shadow
                            </a>
                        </li>
                        <li class="oap-product-breadcrumbs__item" aria-current="page">
                            Monos Eyeshadow
                        </li>
            </ol>
        </nav>



                <div class="oap-product-header__title__wrapper">
                    <h1 class="oap-product-header__title" itemprop="name">
                        <a class="oap-product-header__label"
                           href="/brands/colour-riche"
                           v-tag:useractionevent='{
                            category: "__pageCategory__",
                            action: "select::product header",
                            ename:"body_button_click",
                            module_name:"product header",
                            cta_name: "Colour Riche",
                            link_url:"/brands/colour-riche",
                            label: "colour riche"
                       }'>
                            Colour Riche
                        </a>
                            <span class="oap-product-header__name">Monos Eyeshadow</span>
                    </h1>

    <oap-favorite :api-endpoints="{&quot;all&quot;:&quot;/apioap/favorite/getall&quot;,&quot;add&quot;:&quot;/apioap/favorite/insert&quot;,&quot;addList&quot;:&quot;/apioap/favorite/insertList&quot;,&quot;remove&quot;:&quot;/apioap/favorite/remove&quot;}"
                  display-icon-layout="display-icon-layout"
                  
                  :item="{&quot;ItemId&quot;:&quot;0de5462b-2d0b-48f6-9890-1ff507995af4&quot;,&quot;Type&quot;:1}"
                  :labels="{&quot;add&quot;:&quot;Save&quot;,&quot;remove&quot;:&quot;Unsave&quot;}"
                  login-url="/my-account/favorites-login"
                  return-page=""
                  :tagging-data="{&quot;category&quot;:&quot;ecommerce&quot;,&quot;label&quot;:&quot;071249307045::Monos Eyeshadow&quot;,&quot;actions&quot;:{&quot;add&quot;:&quot;add to favorites&quot;,&quot;remove&quot;:&quot;remove from favorites&quot;}}"
                  :toast-timeout="5000">
    </oap-favorite>
                </div>


    <div v-loadscript="{
        url: 'https://apps.bazaarvoice.com/deployments/loreal/main_site/production/en_US/bv.js',
        name: 'bazaarvoice-embed'
    }">
    </div>
    <div itemscope itemtype="https://schema.org/Product">
        <div data-bv-show="rating_summary" data-bv-product-id="071249307045" data-bv-seo="false"></div>
    </div>

<rr-star-ratings>
    
</rr-star-ratings>
                <p class="oap-product-header__description">Gel to Powder Technology. Exquisite Color Richness. Soft and Velvety Texture. Shimmery and Matte Finishes.</p>
                        <div class="oap-product-price">
$5.99                        </div>
                                
    <div class="oap-product-header__actions">
        

    <div class="oap-buy-cta__channel-advisor">
        <button v-bus.click="'oap-channel-advisor:open'"
                v-tag:useractionevent.dom
                data-tag-wrapper
                data-tag-action="click to buy"
                data-tag-label="Monos Eyeshadow::071249307045"
                data-tag-category="Ecommerce"
                data-tag-event-name="buy_now"
                data-tag-product-info="Monos Eyeshadow::071249307045"
                data-tab-open-external
                class="oap-button -primary "
                 v-show-on-cookie-expiration="{cookieName: 'offlineVisit'}"  >
            <span class="oap-button__label">Buy online</span>
        </button>
    </div>
        
    </div>

                
    <div class="oap-where-to-buy">
<img src="/-/media/project/loreal/brand-sites/oap/americas/us/services/location.png?rev=074dd12b060e43bd8736e29b07280493&amp;h=20&amp;w=16&amp;la=en-US&amp;hash=21788BE98BAA846AB8BA578ED5CD391ADE924EB3" lazyload="True" onyurl="True" alt="Store locator" />
        <a href="/store-locator?upc=7124930704" class="oap-button -secondary">
            <span>find it nearby</span>
        </a>
    </div>


            </div>
            
    <oap-product-variant-selector :variants='[{&quot;selected&quot;:true,&quot;value&quot;:&quot;Argentic (Shimmer)&quot;,&quot;hex&quot;:&quot;#abc4c4&quot;,&quot;swatch&quot;:&quot;&quot;,&quot;url&quot;:&quot;/makeup/eye/eye-shadow/colour-riche-eyeshadow&quot;,&quot;price&quot;:&quot;5.99&quot;,&quot;ean&quot;:&quot;071249307045&quot;,&quot;dimension38&quot;:&quot;4.6&quot;,&quot;name&quot;:&quot;colour-riche-eyeshadow&quot;,&quot;ariaLabel&quot;:&quot;see  colour-riche-eyeshadow in argentic (shimmer)&quot;},{&quot;selected&quot;:false,&quot;value&quot;:&quot;300\tMatte Chill (Matte)&quot;,&quot;hex&quot;:&quot;#f5cb98&quot;,&quot;swatch&quot;:&quot;&quot;,&quot;url&quot;:&quot;/makeup/eye/eye-shadow/colour-riche-eyeshadow-300-matte-chill&quot;,&quot;price&quot;:&quot;5.99&quot;,&quot;ean&quot;:&quot;071249350218&quot;,&quot;dimension38&quot;:&quot;4.6&quot;,&quot;name&quot;:&quot;colour-riche-eyeshadow-300-matte-chill&quot;,&quot;ariaLabel&quot;:&quot;see  colour-riche-eyeshadow-300-matte-chill in 300\tmatte chill (matte)&quot;},{&quot;selected&quot;:false,&quot;value&quot;:&quot;302\tMix And Matte (Matte)&quot;,&quot;hex&quot;:&quot;#d9a490&quot;,&quot;swatch&quot;:&quot;&quot;,&quot;url&quot;:&quot;/makeup/eye/eye-shadow/colour-riche-eyeshadow-302-mix-and-matte&quot;,&quot;price&quot;:&quot;5.99&quot;,&quot;ean&quot;:&quot;071249350225&quot;,&quot;dimension38&quot;:&quot;4.6&quot;,&quot;name&quot;:&quot;colour-riche-eyeshadow-302-mix-and-matte&quot;,&quot;ariaLabel&quot;:&quot;see  colour-riche-eyeshadow-302-mix-and-matte in 302\tmix and matte (matte)&quot;},{&quot;selected&quot;:false,&quot;value&quot;:&quot;304\tMatte It Up (Matte)&quot;,&quot;hex&quot;:&quot;#a97567&quot;,&quot;swatch&quot;:&quot;&quot;,&quot;url&quot;:&quot;/makeup/eye/eye-shadow/colour-riche-eyeshadow-304-matte-it-up&quot;,&quot;price&quot;:&quot;5.99&quot;,&quot;ean&quot;:&quot;071249350232&quot;,&quot;dimension38&quot;:&quot;4.6&quot;,&quot;name&quot;:&quot;colour-riche-eyeshadow-304-matte-it-up&quot;,&quot;ariaLabel&quot;:&quot;see  colour-riche-eyeshadow-304-matte-it-up in 304\tmatte it up (matte)&quot;},{&quot;selected&quot;:false,&quot;value&quot;:&quot;306\tAcro-Matte (Matte)&quot;,&quot;hex&quot;:&quot;#7c3e36&quot;,&quot;swatch&quot;:&quot;&quot;,&quot;url&quot;:&quot;/makeup/eye/eye-shadow/colour-riche-eyeshadow-306-acro-matte&quot;,&quot;price&quot;:&quot;5.99&quot;,&quot;ean&quot;:&quot;071249350256&quot;,&quot;dimension38&quot;:&quot;4.6&quot;,&quot;name&quot;:&quot;colour-riche-eyeshadow-306-acro-matte&quot;,&quot;ariaLabel&quot;:&quot;see  colour-riche-eyeshadow-306-acro-matte in 306\tacro-matte (matte)&quot;},{&quot;selected&quot;:false,&quot;value&quot;:&quot;308\tMatte-Ison Avenue (Matte)&quot;,&quot;hex&quot;:&quot;#4f1912&quot;,&quot;swatch&quot;:&quot;&quot;,&quot;url&quot;:&quot;/makeup/eye/eye-shadow/colour-riche-eyeshadow-308-matte-ison-avenue&quot;,&quot;price&quot;:&quot;5.99&quot;,&quot;ean&quot;:&quot;071249350263&quot;,&quot;dimension38&quot;:&quot;4.6&quot;,&quot;name&quot;:&quot;colour-riche-eyeshadow-308-matte-ison-avenue&quot;,&quot;ariaLabel&quot;:&quot;see  colour-riche-eyeshadow-308-matte-ison-avenue in 308\tmatte-ison avenue (matte)&quot;},{&quot;selected&quot;:false,&quot;value&quot;:&quot;Cafe Au Lait (Matte)&quot;,&quot;hex&quot;:&quot;#ae7e5c&quot;,&quot;swatch&quot;:&quot;&quot;,&quot;url&quot;:&quot;/makeup/eye/eye-shadow/colour-riche-eyeshadow-cafe-au-lait&quot;,&quot;price&quot;:&quot;5.99&quot;,&quot;ean&quot;:&quot;071249306949&quot;,&quot;dimension38&quot;:&quot;4.6&quot;,&quot;name&quot;:&quot;colour-riche-eyeshadow-cafe-au-lait&quot;,&quot;ariaLabel&quot;:&quot;see  colour-riche-eyeshadow-cafe-au-lait in cafe au lait (matte)&quot;},{&quot;selected&quot;:false,&quot;value&quot;:&quot;Grand Bleu (Shimmer)&quot;,&quot;hex&quot;:&quot;#1b33cb&quot;,&quot;swatch&quot;:&quot;&quot;,&quot;url&quot;:&quot;/makeup/eye/eye-shadow/colour-riche-eyeshadow-grand-bleu&quot;,&quot;price&quot;:&quot;5.99&quot;,&quot;ean&quot;:&quot;071249307052&quot;,&quot;dimension38&quot;:&quot;4.6&quot;,&quot;name&quot;:&quot;colour-riche-eyeshadow-grand-bleu&quot;,&quot;ariaLabel&quot;:&quot;see  colour-riche-eyeshadow-grand-bleu in grand bleu (shimmer)&quot;},{&quot;selected&quot;:false,&quot;value&quot;:&quot;Green Promenade (Shimmer)&quot;,&quot;hex&quot;:&quot;#000000&quot;,&quot;swatch&quot;:&quot;&quot;,&quot;url&quot;:&quot;/makeup/eye/eye-shadow/colour-riche-eyeshadow-green-promenade&quot;,&quot;price&quot;:&quot;5.99&quot;,&quot;ean&quot;:&quot;071249307076&quot;,&quot;dimension38&quot;:&quot;4.6&quot;,&quot;name&quot;:&quot;colour-riche-eyeshadow-green-promenade&quot;,&quot;ariaLabel&quot;:&quot;see  colour-riche-eyeshadow-green-promenade in green promenade (shimmer)&quot;},{&quot;selected&quot;:false,&quot;value&quot;:&quot;Little Beige Dress (Shimmer)&quot;,&quot;hex&quot;:&quot;#e6b094&quot;,&quot;swatch&quot;:&quot;&quot;,&quot;url&quot;:&quot;/makeup/eye/eye-shadow/colour-riche-eyeshadow-little-beige-dress&quot;,&quot;price&quot;:&quot;5.99&quot;,&quot;ean&quot;:&quot;071249306987&quot;,&quot;dimension38&quot;:&quot;4.6&quot;,&quot;name&quot;:&quot;colour-riche-eyeshadow-little-beige-dress&quot;,&quot;ariaLabel&quot;:&quot;see  colour-riche-eyeshadow-little-beige-dress in little beige dress (shimmer)&quot;},{&quot;selected&quot;:false,&quot;value&quot;:&quot;Mademoiselle Pink (Matte)&quot;,&quot;hex&quot;:&quot;#ffb8b5&quot;,&quot;swatch&quot;:&quot;&quot;,&quot;url&quot;:&quot;/makeup/eye/eye-shadow/colour-riche-eyeshadow-mademoiselle-pink&quot;,&quot;price&quot;:&quot;5.99&quot;,&quot;ean&quot;:&quot;071249306970&quot;,&quot;dimension38&quot;:&quot;4.6&quot;,&quot;name&quot;:&quot;colour-riche-eyeshadow-mademoiselle-pink&quot;,&quot;ariaLabel&quot;:&quot;see  colour-riche-eyeshadow-mademoiselle-pink in mademoiselle pink (matte)&quot;},{&quot;selected&quot;:false,&quot;value&quot;:&quot;Meet Me in Paris (Matte)&quot;,&quot;hex&quot;:&quot;#000000&quot;,&quot;swatch&quot;:&quot;&quot;,&quot;url&quot;:&quot;/makeup/eye/eye-shadow/colour-riche-eyeshadow-meet-me-in-paris&quot;,&quot;price&quot;:&quot;5.99&quot;,&quot;ean&quot;:&quot;071249307069&quot;,&quot;dimension38&quot;:&quot;4.6&quot;,&quot;name&quot;:&quot;colour-riche-eyeshadow-meet-me-in-paris&quot;,&quot;ariaLabel&quot;:&quot;see  colour-riche-eyeshadow-meet-me-in-paris in meet me in paris (matte)&quot;},{&quot;selected&quot;:false,&quot;value&quot;:&quot;Noir Cest Noir (Matte)&quot;,&quot;hex&quot;:&quot;#151819&quot;,&quot;swatch&quot;:&quot;&quot;,&quot;url&quot;:&quot;/makeup/eye/eye-shadow/colour-riche-eyeshadow-noir-cest-noir&quot;,&quot;price&quot;:&quot;5.99&quot;,&quot;ean&quot;:&quot;071249306963&quot;,&quot;dimension38&quot;:&quot;4.6&quot;,&quot;name&quot;:&quot;colour-riche-eyeshadow-noir-cest-noir&quot;,&quot;ariaLabel&quot;:&quot;see  colour-riche-eyeshadow-noir-cest-noir in noir cest noir (matte)&quot;},{&quot;selected&quot;:false,&quot;value&quot;:&quot;Pain Au Chocolat (Shimmer)&quot;,&quot;hex&quot;:&quot;#ad8f6f&quot;,&quot;swatch&quot;:&quot;&quot;,&quot;url&quot;:&quot;/makeup/eye/eye-shadow/colour-riche-eyeshadow-pain-au-chocolat&quot;,&quot;price&quot;:&quot;5.99&quot;,&quot;ean&quot;:&quot;071249306994&quot;,&quot;dimension38&quot;:&quot;4.6&quot;,&quot;name&quot;:&quot;colour-riche-eyeshadow-pain-au-chocolat&quot;,&quot;ariaLabel&quot;:&quot;see  colour-riche-eyeshadow-pain-au-chocolat in pain au chocolat (shimmer)&quot;},{&quot;selected&quot;:false,&quot;value&quot;:&quot;Paris Beach (Matte)&quot;,&quot;hex&quot;:&quot;#ffe0d1&quot;,&quot;swatch&quot;:&quot;&quot;,&quot;url&quot;:&quot;/makeup/eye/eye-shadow/colour-riche-eyeshadow-paris-beach&quot;,&quot;price&quot;:&quot;5.99&quot;,&quot;ean&quot;:&quot;071249306925&quot;,&quot;dimension38&quot;:&quot;4.6&quot;,&quot;name&quot;:&quot;colour-riche-eyeshadow-paris-beach&quot;,&quot;ariaLabel&quot;:&quot;see  colour-riche-eyeshadow-paris-beach in paris beach (matte)&quot;},{&quot;selected&quot;:false,&quot;value&quot;:&quot;Petite Perle (Shimmer)&quot;,&quot;hex&quot;:&quot;#c2b695&quot;,&quot;swatch&quot;:&quot;&quot;,&quot;url&quot;:&quot;/makeup/eye/eye-shadow/colour-riche-eyeshadow-petite-perle&quot;,&quot;price&quot;:&quot;5.99&quot;,&quot;ean&quot;:&quot;071249306918&quot;,&quot;dimension38&quot;:&quot;4.6&quot;,&quot;name&quot;:&quot;colour-riche-eyeshadow-petite-perle&quot;,&quot;ariaLabel&quot;:&quot;see  colour-riche-eyeshadow-petite-perle in petite perle (shimmer)&quot;},{&quot;selected&quot;:false,&quot;value&quot;:&quot;Quartz Fume (Shimmer)&quot;,&quot;hex&quot;:&quot;#654129&quot;,&quot;swatch&quot;:&quot;&quot;,&quot;url&quot;:&quot;/makeup/eye/eye-shadow/colour-riche-eyeshadow-quartz-fume&quot;,&quot;price&quot;:&quot;5.99&quot;,&quot;ean&quot;:&quot;071249306956&quot;,&quot;dimension38&quot;:&quot;4.6&quot;,&quot;name&quot;:&quot;colour-riche-eyeshadow-quartz-fume&quot;,&quot;ariaLabel&quot;:&quot;see  colour-riche-eyeshadow-quartz-fume in quartz fume (shimmer)&quot;},{&quot;selected&quot;:false,&quot;value&quot;:&quot;Sunset Seine (Shimmer)&quot;,&quot;hex&quot;:&quot;#000000&quot;,&quot;swatch&quot;:&quot;&quot;,&quot;url&quot;:&quot;/makeup/eye/eye-shadow/colour-riche-eyeshadow-sunset-seine&quot;,&quot;price&quot;:&quot;5.99&quot;,&quot;ean&quot;:&quot;071249306932&quot;,&quot;dimension38&quot;:&quot;4.6&quot;,&quot;name&quot;:&quot;colour-riche-eyeshadow-sunset-seine&quot;,&quot;ariaLabel&quot;:&quot;see  colour-riche-eyeshadow-sunset-seine in sunset seine (shimmer)&quot;},{&quot;selected&quot;:false,&quot;value&quot;:&quot;Teal Couture (Shimmer)&quot;,&quot;hex&quot;:&quot;#000000&quot;,&quot;swatch&quot;:&quot;&quot;,&quot;url&quot;:&quot;/makeup/eye/eye-shadow/colour-riche-eyeshadow-teal-couture&quot;,&quot;price&quot;:&quot;5.99&quot;,&quot;ean&quot;:&quot;071249307083&quot;,&quot;dimension38&quot;:&quot;4.6&quot;,&quot;name&quot;:&quot;colour-riche-eyeshadow-teal-couture&quot;,&quot;ariaLabel&quot;:&quot;see  colour-riche-eyeshadow-teal-couture in teal couture (shimmer)&quot;},{&quot;selected&quot;:false,&quot;value&quot;:&quot;Violet Beaute (Shimmer)&quot;,&quot;hex&quot;:&quot;#000000&quot;,&quot;swatch&quot;:&quot;&quot;,&quot;url&quot;:&quot;/makeup/eye/eye-shadow/colour-riche-eyeshadow-violet-beaute&quot;,&quot;price&quot;:&quot;5.99&quot;,&quot;ean&quot;:&quot;071249307021&quot;,&quot;dimension38&quot;:&quot;4.6&quot;,&quot;name&quot;:&quot;colour-riche-eyeshadow-violet-beaute&quot;,&quot;ariaLabel&quot;:&quot;see  colour-riche-eyeshadow-violet-beaute in violet beaute (shimmer)&quot;}]'>
        <template v-slot="{variants}">
            <color-dropdown color-selector-component-name="ColorSelector" brand-name="OAP"
                product-category="make-up/eye"
                product-variant="colourriche"
                product-dimension49=" present"
                product-dimension91="none" tagging-list="product detail page" :should-redirect="true"
                :is-dynamic-selection="false" :colors="variants">
            </color-dropdown>
            <color-selector :colors="variants">
                <ul>

                    <li class="colorItem  -active -light"
                        data-color="Argentic (Shimmer)" data-hex="#abc4c4"
                        data-swatch="" data-tag-wrapper>

                        <a href="/makeup/eye/eye-shadow/colour-riche-eyeshadow"
                            aria-label="See Colour-Riche-Eyeshadow in Argentic (Shimmer)"
                              aria-current="true"  
                            data-tag-product-identifier
                            data-tag-product-info="Colour-Riche-Eyeshadow::071249307045"
                            data-tag-product-list="product detail page"
                            data-tag-product-brand="OAP"
                            data-tag-product-variant="colourriche"
                            data-tag-product-price="5.99"
                            data-tag-product-name="colour-riche-eyeshadow"
                            data-tag-product-id="071249307045"
                            data-tag-product-position="1"
                            data-tag-product-category="make-up/eye"
                            data-tag-product-dimension35="none"
  data-tag-product-dimension36="Argentic (Shimmer)"  
                            data-tag-product-dimension48="071249307045"
                            data-tag-product-dimension38="4.6"
                            v-tag:productvariantclick.dom="{label:'colour-riche-eyeshadow::071249307045::Argentic (Shimmer)'}">
                            <span class="colorItemRound -border" style="background-color: #abc4c4"></span>
                            <svg class="colorItem__circle" width="60" height="60" role="img"
                                aria-labelledby="argentic-(shimmer)" fill="#abc4c4"
                                stroke="#abc4c4">
                                <title id="argentic-(shimmer)">Argentic (Shimmer)</title>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#disc"></use>
                            </svg>
                            <svg class="colorItem__checked" aria-hidden="">
                                <title>Argentic (Shimmer)</title>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#check"></use>
                            </svg>
                        </a>
                    </li>
                    <li class="colorItem  "
                        data-color="300	Matte Chill (Matte)" data-hex="#f5cb98"
                        data-swatch="" data-tag-wrapper>

                        <a href="/makeup/eye/eye-shadow/colour-riche-eyeshadow-300-matte-chill"
                            aria-label="See Colour-Riche-Eyeshadow-300-Matte-Chill in 300	Matte Chill (Matte)"
                            
                            data-tag-product-identifier
                            data-tag-product-info="Colour-Riche-Eyeshadow-300-Matte-Chill::071249350218"
                            data-tag-product-list="product detail page"
                            data-tag-product-brand="OAP"
                            data-tag-product-variant="colourriche"
                            data-tag-product-price="5.99"
                            data-tag-product-name="colour-riche-eyeshadow-300-matte-chill"
                            data-tag-product-id="071249350218"
                            data-tag-product-position="3"
                            data-tag-product-category="make-up/eye"
                            data-tag-product-dimension35="0.12 oz."
  data-tag-product-dimension36="300	Matte Chill (Matte)"  
                            data-tag-product-dimension48="071249350218"
                            data-tag-product-dimension38="4.6"
                            v-tag:productvariantclick.dom="{label:'colour-riche-eyeshadow-300-matte-chill::071249350218::300	Matte Chill (Matte)'}">
                            <span class="colorItemRound -border" style="background-color: #f5cb98"></span>
                            <svg class="colorItem__circle" width="60" height="60" role="img"
                                aria-labelledby="300	matte-chill-(matte)" fill="#f5cb98"
                                stroke="#f5cb98">
                                <title id="300	matte-chill-(matte)">300	Matte Chill (Matte)</title>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#disc"></use>
                            </svg>
                            <svg class="colorItem__checked" aria-hidden="">
                                <title>300	Matte Chill (Matte)</title>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#check"></use>
                            </svg>
                        </a>
                    </li>
                    <li class="colorItem  "
                        data-color="302	Mix And Matte (Matte)" data-hex="#d9a490"
                        data-swatch="" data-tag-wrapper>

                        <a href="/makeup/eye/eye-shadow/colour-riche-eyeshadow-302-mix-and-matte"
                            aria-label="See Colour-Riche-Eyeshadow-302-Mix-And-Matte in 302	Mix And Matte (Matte)"
                            
                            data-tag-product-identifier
                            data-tag-product-info="Colour-Riche-Eyeshadow-302-Mix-And-Matte::071249350225"
                            data-tag-product-list="product detail page"
                            data-tag-product-brand="OAP"
                            data-tag-product-variant="colourriche"
                            data-tag-product-price="5.99"
                            data-tag-product-name="colour-riche-eyeshadow-302-mix-and-matte"
                            data-tag-product-id="071249350225"
                            data-tag-product-position="5"
                            data-tag-product-category="make-up/eye"
                            data-tag-product-dimension35="0.12 oz."
  data-tag-product-dimension36="302	Mix And Matte (Matte)"  
                            data-tag-product-dimension48="071249350225"
                            data-tag-product-dimension38="4.6"
                            v-tag:productvariantclick.dom="{label:'colour-riche-eyeshadow-302-mix-and-matte::071249350225::302	Mix And Matte (Matte)'}">
                            <span class="colorItemRound -border" style="background-color: #d9a490"></span>
                            <svg class="colorItem__circle" width="60" height="60" role="img"
                                aria-labelledby="302	mix-and-matte-(matte)" fill="#d9a490"
                                stroke="#d9a490">
                                <title id="302	mix-and-matte-(matte)">302	Mix And Matte (Matte)</title>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#disc"></use>
                            </svg>
                            <svg class="colorItem__checked" aria-hidden="">
                                <title>302	Mix And Matte (Matte)</title>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#check"></use>
                            </svg>
                        </a>
                    </li>
                    <li class="colorItem  "
                        data-color="304	Matte It Up (Matte)" data-hex="#a97567"
                        data-swatch="" data-tag-wrapper>

                        <a href="/makeup/eye/eye-shadow/colour-riche-eyeshadow-304-matte-it-up"
                            aria-label="See Colour-Riche-Eyeshadow-304-Matte-It-Up in 304	Matte It Up (Matte)"
                            
                            data-tag-product-identifier
                            data-tag-product-info="Colour-Riche-Eyeshadow-304-Matte-It-Up::071249350232"
                            data-tag-product-list="product detail page"
                            data-tag-product-brand="OAP"
                            data-tag-product-variant="colourriche"
                            data-tag-product-price="5.99"
                            data-tag-product-name="colour-riche-eyeshadow-304-matte-it-up"
                            data-tag-product-id="071249350232"
                            data-tag-product-position="7"
                            data-tag-product-category="make-up/eye"
                            data-tag-product-dimension35="0.12 oz."
  data-tag-product-dimension36="304	Matte It Up (Matte)"  
                            data-tag-product-dimension48="071249350232"
                            data-tag-product-dimension38="4.6"
                            v-tag:productvariantclick.dom="{label:'colour-riche-eyeshadow-304-matte-it-up::071249350232::304	Matte It Up (Matte)'}">
                            <span class="colorItemRound -border" style="background-color: #a97567"></span>
                            <svg class="colorItem__circle" width="60" height="60" role="img"
                                aria-labelledby="304	matte-it-up-(matte)" fill="#a97567"
                                stroke="#a97567">
                                <title id="304	matte-it-up-(matte)">304	Matte It Up (Matte)</title>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#disc"></use>
                            </svg>
                            <svg class="colorItem__checked" aria-hidden="">
                                <title>304	Matte It Up (Matte)</title>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#check"></use>
                            </svg>
                        </a>
                    </li>
                    <li class="colorItem  "
                        data-color="306	Acro-Matte (Matte)" data-hex="#7c3e36"
                        data-swatch="" data-tag-wrapper>

                        <a href="/makeup/eye/eye-shadow/colour-riche-eyeshadow-306-acro-matte"
                            aria-label="See Colour-Riche-Eyeshadow-306-Acro-Matte in 306	Acro-Matte (Matte)"
                            
                            data-tag-product-identifier
                            data-tag-product-info="Colour-Riche-Eyeshadow-306-Acro-Matte::071249350256"
                            data-tag-product-list="product detail page"
                            data-tag-product-brand="OAP"
                            data-tag-product-variant="colourriche"
                            data-tag-product-price="5.99"
                            data-tag-product-name="colour-riche-eyeshadow-306-acro-matte"
                            data-tag-product-id="071249350256"
                            data-tag-product-position="9"
                            data-tag-product-category="make-up/eye"
                            data-tag-product-dimension35="0.12 oz."
  data-tag-product-dimension36="306	Acro-Matte (Matte)"  
                            data-tag-product-dimension48="071249350256"
                            data-tag-product-dimension38="4.6"
                            v-tag:productvariantclick.dom="{label:'colour-riche-eyeshadow-306-acro-matte::071249350256::306	Acro-Matte (Matte)'}">
                            <span class="colorItemRound -border" style="background-color: #7c3e36"></span>
                            <svg class="colorItem__circle" width="60" height="60" role="img"
                                aria-labelledby="306	acro-matte-(matte)" fill="#7c3e36"
                                stroke="#7c3e36">
                                <title id="306	acro-matte-(matte)">306	Acro-Matte (Matte)</title>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#disc"></use>
                            </svg>
                            <svg class="colorItem__checked" aria-hidden="">
                                <title>306	Acro-Matte (Matte)</title>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#check"></use>
                            </svg>
                        </a>
                    </li>
                    <li class="colorItem  "
                        data-color="308	Matte-Ison Avenue (Matte)" data-hex="#4f1912"
                        data-swatch="" data-tag-wrapper>

                        <a href="/makeup/eye/eye-shadow/colour-riche-eyeshadow-308-matte-ison-avenue"
                            aria-label="See Colour-Riche-Eyeshadow-308-Matte-Ison-Avenue in 308	Matte-Ison Avenue (Matte)"
                            
                            data-tag-product-identifier
                            data-tag-product-info="Colour-Riche-Eyeshadow-308-Matte-Ison-Avenue::071249350263"
                            data-tag-product-list="product detail page"
                            data-tag-product-brand="OAP"
                            data-tag-product-variant="colourriche"
                            data-tag-product-price="5.99"
                            data-tag-product-name="colour-riche-eyeshadow-308-matte-ison-avenue"
                            data-tag-product-id="071249350263"
                            data-tag-product-position="11"
                            data-tag-product-category="make-up/eye"
                            data-tag-product-dimension35="0.12 oz."
  data-tag-product-dimension36="308	Matte-Ison Avenue (Matte)"  
                            data-tag-product-dimension48="071249350263"
                            data-tag-product-dimension38="4.6"
                            v-tag:productvariantclick.dom="{label:'colour-riche-eyeshadow-308-matte-ison-avenue::071249350263::308	Matte-Ison Avenue (Matte)'}">
                            <span class="colorItemRound -border" style="background-color: #4f1912"></span>
                            <svg class="colorItem__circle" width="60" height="60" role="img"
                                aria-labelledby="308	matte-ison-avenue-(matte)" fill="#4f1912"
                                stroke="#4f1912">
                                <title id="308	matte-ison-avenue-(matte)">308	Matte-Ison Avenue (Matte)</title>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#disc"></use>
                            </svg>
                            <svg class="colorItem__checked" aria-hidden="">
                                <title>308	Matte-Ison Avenue (Matte)</title>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#check"></use>
                            </svg>
                        </a>
                    </li>
                    <li class="colorItem  "
                        data-color="Cafe Au Lait (Matte)" data-hex="#ae7e5c"
                        data-swatch="" data-tag-wrapper>

                        <a href="/makeup/eye/eye-shadow/colour-riche-eyeshadow-cafe-au-lait"
                            aria-label="See Colour-Riche-Eyeshadow-Cafe-Au-Lait in Cafe Au Lait (Matte)"
                            
                            data-tag-product-identifier
                            data-tag-product-info="Colour-Riche-Eyeshadow-Cafe-Au-Lait::071249306949"
                            data-tag-product-list="product detail page"
                            data-tag-product-brand="OAP"
                            data-tag-product-variant="colourriche"
                            data-tag-product-price="5.99"
                            data-tag-product-name="colour-riche-eyeshadow-cafe-au-lait"
                            data-tag-product-id="071249306949"
                            data-tag-product-position="13"
                            data-tag-product-category="make-up/eye"
                            data-tag-product-dimension35="none"
  data-tag-product-dimension36="Cafe Au Lait (Matte)"  
                            data-tag-product-dimension48="071249306949"
                            data-tag-product-dimension38="4.6"
                            v-tag:productvariantclick.dom="{label:'colour-riche-eyeshadow-cafe-au-lait::071249306949::Cafe Au Lait (Matte)'}">
                            <span class="colorItemRound -border" style="background-color: #ae7e5c"></span>
                            <svg class="colorItem__circle" width="60" height="60" role="img"
                                aria-labelledby="cafe-au-lait-(matte)" fill="#ae7e5c"
                                stroke="#ae7e5c">
                                <title id="cafe-au-lait-(matte)">Cafe Au Lait (Matte)</title>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#disc"></use>
                            </svg>
                            <svg class="colorItem__checked" aria-hidden="">
                                <title>Cafe Au Lait (Matte)</title>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#check"></use>
                            </svg>
                        </a>
                    </li>
                    <li class="colorItem  "
                        data-color="Grand Bleu (Shimmer)" data-hex="#1b33cb"
                        data-swatch="" data-tag-wrapper>

                        <a href="/makeup/eye/eye-shadow/colour-riche-eyeshadow-grand-bleu"
                            aria-label="See Colour-Riche-Eyeshadow-Grand-Bleu in Grand Bleu (Shimmer)"
                            
                            data-tag-product-identifier
                            data-tag-product-info="Colour-Riche-Eyeshadow-Grand-Bleu::071249307052"
                            data-tag-product-list="product detail page"
                            data-tag-product-brand="OAP"
                            data-tag-product-variant="colourriche"
                            data-tag-product-price="5.99"
                            data-tag-product-name="colour-riche-eyeshadow-grand-bleu"
                            data-tag-product-id="071249307052"
                            data-tag-product-position="15"
                            data-tag-product-category="make-up/eye"
                            data-tag-product-dimension35="none"
  data-tag-product-dimension36="Grand Bleu (Shimmer)"  
                            data-tag-product-dimension48="071249307052"
                            data-tag-product-dimension38="4.6"
                            v-tag:productvariantclick.dom="{label:'colour-riche-eyeshadow-grand-bleu::071249307052::Grand Bleu (Shimmer)'}">
                            <span class="colorItemRound -border" style="background-color: #1b33cb"></span>
                            <svg class="colorItem__circle" width="60" height="60" role="img"
                                aria-labelledby="grand-bleu-(shimmer)" fill="#1b33cb"
                                stroke="#1b33cb">
                                <title id="grand-bleu-(shimmer)">Grand Bleu (Shimmer)</title>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#disc"></use>
                            </svg>
                            <svg class="colorItem__checked" aria-hidden="">
                                <title>Grand Bleu (Shimmer)</title>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#check"></use>
                            </svg>
                        </a>
                    </li>
                    <li class="colorItem  "
                        data-color="Green Promenade (Shimmer)" data-hex="#000000"
                        data-swatch="" data-tag-wrapper>

                        <a href="/makeup/eye/eye-shadow/colour-riche-eyeshadow-green-promenade"
                            aria-label="See Colour-Riche-Eyeshadow-Green-Promenade in Green Promenade (Shimmer)"
                            
                            data-tag-product-identifier
                            data-tag-product-info="Colour-Riche-Eyeshadow-Green-Promenade::071249307076"
                            data-tag-product-list="product detail page"
                            data-tag-product-brand="OAP"
                            data-tag-product-variant="colourriche"
                            data-tag-product-price="5.99"
                            data-tag-product-name="colour-riche-eyeshadow-green-promenade"
                            data-tag-product-id="071249307076"
                            data-tag-product-position="17"
                            data-tag-product-category="make-up/eye"
                            data-tag-product-dimension35="none"
  data-tag-product-dimension36="Green Promenade (Shimmer)"  
                            data-tag-product-dimension48="071249307076"
                            data-tag-product-dimension38="4.6"
                            v-tag:productvariantclick.dom="{label:'colour-riche-eyeshadow-green-promenade::071249307076::Green Promenade (Shimmer)'}">
                            <span class="colorItemRound -border" style="background-color: #000000"></span>
                            <svg class="colorItem__circle" width="60" height="60" role="img"
                                aria-labelledby="green-promenade-(shimmer)" fill="#000000"
                                stroke="#000000">
                                <title id="green-promenade-(shimmer)">Green Promenade (Shimmer)</title>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#disc"></use>
                            </svg>
                            <svg class="colorItem__checked" aria-hidden="">
                                <title>Green Promenade (Shimmer)</title>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#check"></use>
                            </svg>
                        </a>
                    </li>
                    <li class="colorItem  "
                        data-color="Little Beige Dress (Shimmer)" data-hex="#e6b094"
                        data-swatch="" data-tag-wrapper>

                        <a href="/makeup/eye/eye-shadow/colour-riche-eyeshadow-little-beige-dress"
                            aria-label="See Colour-Riche-Eyeshadow-Little-Beige-Dress in Little Beige Dress (Shimmer)"
                            
                            data-tag-product-identifier
                            data-tag-product-info="Colour-Riche-Eyeshadow-Little-Beige-Dress::071249306987"
                            data-tag-product-list="product detail page"
                            data-tag-product-brand="OAP"
                            data-tag-product-variant="colourriche"
                            data-tag-product-price="5.99"
                            data-tag-product-name="colour-riche-eyeshadow-little-beige-dress"
                            data-tag-product-id="071249306987"
                            data-tag-product-position="19"
                            data-tag-product-category="make-up/eye"
                            data-tag-product-dimension35="none"
  data-tag-product-dimension36="Little Beige Dress (Shimmer)"  
                            data-tag-product-dimension48="071249306987"
                            data-tag-product-dimension38="4.6"
                            v-tag:productvariantclick.dom="{label:'colour-riche-eyeshadow-little-beige-dress::071249306987::Little Beige Dress (Shimmer)'}">
                            <span class="colorItemRound -border" style="background-color: #e6b094"></span>
                            <svg class="colorItem__circle" width="60" height="60" role="img"
                                aria-labelledby="little-beige-dress-(shimmer)" fill="#e6b094"
                                stroke="#e6b094">
                                <title id="little-beige-dress-(shimmer)">Little Beige Dress (Shimmer)</title>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#disc"></use>
                            </svg>
                            <svg class="colorItem__checked" aria-hidden="">
                                <title>Little Beige Dress (Shimmer)</title>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#check"></use>
                            </svg>
                        </a>
                    </li>
                    <li class="colorItem  "
                        data-color="Mademoiselle Pink (Matte)" data-hex="#ffb8b5"
                        data-swatch="" data-tag-wrapper>

                        <a href="/makeup/eye/eye-shadow/colour-riche-eyeshadow-mademoiselle-pink"
                            aria-label="See Colour-Riche-Eyeshadow-Mademoiselle-Pink in Mademoiselle Pink (Matte)"
                            
                            data-tag-product-identifier
                            data-tag-product-info="Colour-Riche-Eyeshadow-Mademoiselle-Pink::071249306970"
                            data-tag-product-list="product detail page"
                            data-tag-product-brand="OAP"
                            data-tag-product-variant="colourriche"
                            data-tag-product-price="5.99"
                            data-tag-product-name="colour-riche-eyeshadow-mademoiselle-pink"
                            data-tag-product-id="071249306970"
                            data-tag-product-position="21"
                            data-tag-product-category="make-up/eye"
                            data-tag-product-dimension35="none"
  data-tag-product-dimension36="Mademoiselle Pink (Matte)"  
                            data-tag-product-dimension48="071249306970"
                            data-tag-product-dimension38="4.6"
                            v-tag:productvariantclick.dom="{label:'colour-riche-eyeshadow-mademoiselle-pink::071249306970::Mademoiselle Pink (Matte)'}">
                            <span class="colorItemRound -border" style="background-color: #ffb8b5"></span>
                            <svg class="colorItem__circle" width="60" height="60" role="img"
                                aria-labelledby="mademoiselle-pink-(matte)" fill="#ffb8b5"
                                stroke="#ffb8b5">
                                <title id="mademoiselle-pink-(matte)">Mademoiselle Pink (Matte)</title>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#disc"></use>
                            </svg>
                            <svg class="colorItem__checked" aria-hidden="">
                                <title>Mademoiselle Pink (Matte)</title>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#check"></use>
                            </svg>
                        </a>
                    </li>
                    <li class="colorItem  "
                        data-color="Meet Me in Paris (Matte)" data-hex="#000000"
                        data-swatch="" data-tag-wrapper>

                        <a href="/makeup/eye/eye-shadow/colour-riche-eyeshadow-meet-me-in-paris"
                            aria-label="See Colour-Riche-Eyeshadow-Meet-Me-in-Paris in Meet Me in Paris (Matte)"
                            
                            data-tag-product-identifier
                            data-tag-product-info="Colour-Riche-Eyeshadow-Meet-Me-in-Paris::071249307069"
                            data-tag-product-list="product detail page"
                            data-tag-product-brand="OAP"
                            data-tag-product-variant="colourriche"
                            data-tag-product-price="5.99"
                            data-tag-product-name="colour-riche-eyeshadow-meet-me-in-paris"
                            data-tag-product-id="071249307069"
                            data-tag-product-position="23"
                            data-tag-product-category="make-up/eye"
                            data-tag-product-dimension35="none"
  data-tag-product-dimension36="Meet Me in Paris (Matte)"  
                            data-tag-product-dimension48="071249307069"
                            data-tag-product-dimension38="4.6"
                            v-tag:productvariantclick.dom="{label:'colour-riche-eyeshadow-meet-me-in-paris::071249307069::Meet Me in Paris (Matte)'}">
                            <span class="colorItemRound -border" style="background-color: #000000"></span>
                            <svg class="colorItem__circle" width="60" height="60" role="img"
                                aria-labelledby="meet-me-in-paris-(matte)" fill="#000000"
                                stroke="#000000">
                                <title id="meet-me-in-paris-(matte)">Meet Me in Paris (Matte)</title>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#disc"></use>
                            </svg>
                            <svg class="colorItem__checked" aria-hidden="">
                                <title>Meet Me in Paris (Matte)</title>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#check"></use>
                            </svg>
                        </a>
                    </li>
                    <li class="colorItem  "
                        data-color="Noir Cest Noir (Matte)" data-hex="#151819"
                        data-swatch="" data-tag-wrapper>

                        <a href="/makeup/eye/eye-shadow/colour-riche-eyeshadow-noir-cest-noir"
                            aria-label="See Colour-Riche-Eyeshadow-Noir-Cest-Noir in Noir Cest Noir (Matte)"
                            
                            data-tag-product-identifier
                            data-tag-product-info="Colour-Riche-Eyeshadow-Noir-Cest-Noir::071249306963"
                            data-tag-product-list="product detail page"
                            data-tag-product-brand="OAP"
                            data-tag-product-variant="colourriche"
                            data-tag-product-price="5.99"
                            data-tag-product-name="colour-riche-eyeshadow-noir-cest-noir"
                            data-tag-product-id="071249306963"
                            data-tag-product-position="25"
                            data-tag-product-category="make-up/eye"
                            data-tag-product-dimension35="none"
  data-tag-product-dimension36="Noir Cest Noir (Matte)"  
                            data-tag-product-dimension48="071249306963"
                            data-tag-product-dimension38="4.6"
                            v-tag:productvariantclick.dom="{label:'colour-riche-eyeshadow-noir-cest-noir::071249306963::Noir Cest Noir (Matte)'}">
                            <span class="colorItemRound -border" style="background-color: #151819"></span>
                            <svg class="colorItem__circle" width="60" height="60" role="img"
                                aria-labelledby="noir-cest-noir-(matte)" fill="#151819"
                                stroke="#151819">
                                <title id="noir-cest-noir-(matte)">Noir Cest Noir (Matte)</title>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#disc"></use>
                            </svg>
                            <svg class="colorItem__checked" aria-hidden="">
                                <title>Noir Cest Noir (Matte)</title>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#check"></use>
                            </svg>
                        </a>
                    </li>
                    <li class="colorItem  "
                        data-color="Pain Au Chocolat (Shimmer)" data-hex="#ad8f6f"
                        data-swatch="" data-tag-wrapper>

                        <a href="/makeup/eye/eye-shadow/colour-riche-eyeshadow-pain-au-chocolat"
                            aria-label="See Colour-Riche-Eyeshadow-Pain-Au-Chocolat in Pain Au Chocolat (Shimmer)"
                            
                            data-tag-product-identifier
                            data-tag-product-info="Colour-Riche-Eyeshadow-Pain-Au-Chocolat::071249306994"
                            data-tag-product-list="product detail page"
                            data-tag-product-brand="OAP"
                            data-tag-product-variant="colourriche"
                            data-tag-product-price="5.99"
                            data-tag-product-name="colour-riche-eyeshadow-pain-au-chocolat"
                            data-tag-product-id="071249306994"
                            data-tag-product-position="27"
                            data-tag-product-category="make-up/eye"
                            data-tag-product-dimension35="none"
  data-tag-product-dimension36="Pain Au Chocolat (Shimmer)"  
                            data-tag-product-dimension48="071249306994"
                            data-tag-product-dimension38="4.6"
                            v-tag:productvariantclick.dom="{label:'colour-riche-eyeshadow-pain-au-chocolat::071249306994::Pain Au Chocolat (Shimmer)'}">
                            <span class="colorItemRound -border" style="background-color: #ad8f6f"></span>
                            <svg class="colorItem__circle" width="60" height="60" role="img"
                                aria-labelledby="pain-au-chocolat-(shimmer)" fill="#ad8f6f"
                                stroke="#ad8f6f">
                                <title id="pain-au-chocolat-(shimmer)">Pain Au Chocolat (Shimmer)</title>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#disc"></use>
                            </svg>
                            <svg class="colorItem__checked" aria-hidden="">
                                <title>Pain Au Chocolat (Shimmer)</title>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#check"></use>
                            </svg>
                        </a>
                    </li>
                    <li class="colorItem  "
                        data-color="Paris Beach (Matte)" data-hex="#ffe0d1"
                        data-swatch="" data-tag-wrapper>

                        <a href="/makeup/eye/eye-shadow/colour-riche-eyeshadow-paris-beach"
                            aria-label="See Colour-Riche-Eyeshadow-Paris-Beach in Paris Beach (Matte)"
                            
                            data-tag-product-identifier
                            data-tag-product-info="Colour-Riche-Eyeshadow-Paris-Beach::071249306925"
                            data-tag-product-list="product detail page"
                            data-tag-product-brand="OAP"
                            data-tag-product-variant="colourriche"
                            data-tag-product-price="5.99"
                            data-tag-product-name="colour-riche-eyeshadow-paris-beach"
                            data-tag-product-id="071249306925"
                            data-tag-product-position="29"
                            data-tag-product-category="make-up/eye"
                            data-tag-product-dimension35="none"
  data-tag-product-dimension36="Paris Beach (Matte)"  
                            data-tag-product-dimension48="071249306925"
                            data-tag-product-dimension38="4.6"
                            v-tag:productvariantclick.dom="{label:'colour-riche-eyeshadow-paris-beach::071249306925::Paris Beach (Matte)'}">
                            <span class="colorItemRound -border" style="background-color: #ffe0d1"></span>
                            <svg class="colorItem__circle" width="60" height="60" role="img"
                                aria-labelledby="paris-beach-(matte)" fill="#ffe0d1"
                                stroke="#ffe0d1">
                                <title id="paris-beach-(matte)">Paris Beach (Matte)</title>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#disc"></use>
                            </svg>
                            <svg class="colorItem__checked" aria-hidden="">
                                <title>Paris Beach (Matte)</title>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#check"></use>
                            </svg>
                        </a>
                    </li>
                    <li class="colorItem  "
                        data-color="Petite Perle (Shimmer)" data-hex="#c2b695"
                        data-swatch="" data-tag-wrapper>

                        <a href="/makeup/eye/eye-shadow/colour-riche-eyeshadow-petite-perle"
                            aria-label="See Colour-Riche-Eyeshadow-Petite-Perle in Petite Perle (Shimmer)"
                            
                            data-tag-product-identifier
                            data-tag-product-info="Colour-Riche-Eyeshadow-Petite-Perle::071249306918"
                            data-tag-product-list="product detail page"
                            data-tag-product-brand="OAP"
                            data-tag-product-variant="colourriche"
                            data-tag-product-price="5.99"
                            data-tag-product-name="colour-riche-eyeshadow-petite-perle"
                            data-tag-product-id="071249306918"
                            data-tag-product-position="31"
                            data-tag-product-category="make-up/eye"
                            data-tag-product-dimension35="none"
  data-tag-product-dimension36="Petite Perle (Shimmer)"  
                            data-tag-product-dimension48="071249306918"
                            data-tag-product-dimension38="4.6"
                            v-tag:productvariantclick.dom="{label:'colour-riche-eyeshadow-petite-perle::071249306918::Petite Perle (Shimmer)'}">
                            <span class="colorItemRound -border" style="background-color: #c2b695"></span>
                            <svg class="colorItem__circle" width="60" height="60" role="img"
                                aria-labelledby="petite-perle-(shimmer)" fill="#c2b695"
                                stroke="#c2b695">
                                <title id="petite-perle-(shimmer)">Petite Perle (Shimmer)</title>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#disc"></use>
                            </svg>
                            <svg class="colorItem__checked" aria-hidden="">
                                <title>Petite Perle (Shimmer)</title>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#check"></use>
                            </svg>
                        </a>
                    </li>
                    <li class="colorItem  "
                        data-color="Quartz Fume (Shimmer)" data-hex="#654129"
                        data-swatch="" data-tag-wrapper>

                        <a href="/makeup/eye/eye-shadow/colour-riche-eyeshadow-quartz-fume"
                            aria-label="See Colour-Riche-Eyeshadow-Quartz-Fume in Quartz Fume (Shimmer)"
                            
                            data-tag-product-identifier
                            data-tag-product-info="Colour-Riche-Eyeshadow-Quartz-Fume::071249306956"
                            data-tag-product-list="product detail page"
                            data-tag-product-brand="OAP"
                            data-tag-product-variant="colourriche"
                            data-tag-product-price="5.99"
                            data-tag-product-name="colour-riche-eyeshadow-quartz-fume"
                            data-tag-product-id="071249306956"
                            data-tag-product-position="33"
                            data-tag-product-category="make-up/eye"
                            data-tag-product-dimension35="none"
  data-tag-product-dimension36="Quartz Fume (Shimmer)"  
                            data-tag-product-dimension48="071249306956"
                            data-tag-product-dimension38="4.6"
                            v-tag:productvariantclick.dom="{label:'colour-riche-eyeshadow-quartz-fume::071249306956::Quartz Fume (Shimmer)'}">
                            <span class="colorItemRound -border" style="background-color: #654129"></span>
                            <svg class="colorItem__circle" width="60" height="60" role="img"
                                aria-labelledby="quartz-fume-(shimmer)" fill="#654129"
                                stroke="#654129">
                                <title id="quartz-fume-(shimmer)">Quartz Fume (Shimmer)</title>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#disc"></use>
                            </svg>
                            <svg class="colorItem__checked" aria-hidden="">
                                <title>Quartz Fume (Shimmer)</title>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#check"></use>
                            </svg>
                        </a>
                    </li>
                    <li class="colorItem  "
                        data-color="Sunset Seine (Shimmer)" data-hex="#000000"
                        data-swatch="" data-tag-wrapper>

                        <a href="/makeup/eye/eye-shadow/colour-riche-eyeshadow-sunset-seine"
                            aria-label="See Colour-Riche-Eyeshadow-Sunset-Seine in Sunset Seine (Shimmer)"
                            
                            data-tag-product-identifier
                            data-tag-product-info="Colour-Riche-Eyeshadow-Sunset-Seine::071249306932"
                            data-tag-product-list="product detail page"
                            data-tag-product-brand="OAP"
                            data-tag-product-variant="colourriche"
                            data-tag-product-price="5.99"
                            data-tag-product-name="colour-riche-eyeshadow-sunset-seine"
                            data-tag-product-id="071249306932"
                            data-tag-product-position="35"
                            data-tag-product-category="make-up/eye"
                            data-tag-product-dimension35="none"
  data-tag-product-dimension36="Sunset Seine (Shimmer)"  
                            data-tag-product-dimension48="071249306932"
                            data-tag-product-dimension38="4.6"
                            v-tag:productvariantclick.dom="{label:'colour-riche-eyeshadow-sunset-seine::071249306932::Sunset Seine (Shimmer)'}">
                            <span class="colorItemRound -border" style="background-color: #000000"></span>
                            <svg class="colorItem__circle" width="60" height="60" role="img"
                                aria-labelledby="sunset-seine-(shimmer)" fill="#000000"
                                stroke="#000000">
                                <title id="sunset-seine-(shimmer)">Sunset Seine (Shimmer)</title>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#disc"></use>
                            </svg>
                            <svg class="colorItem__checked" aria-hidden="">
                                <title>Sunset Seine (Shimmer)</title>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#check"></use>
                            </svg>
                        </a>
                    </li>
                    <li class="colorItem  "
                        data-color="Teal Couture (Shimmer)" data-hex="#000000"
                        data-swatch="" data-tag-wrapper>

                        <a href="/makeup/eye/eye-shadow/colour-riche-eyeshadow-teal-couture"
                            aria-label="See Colour-Riche-Eyeshadow-Teal-Couture in Teal Couture (Shimmer)"
                            
                            data-tag-product-identifier
                            data-tag-product-info="Colour-Riche-Eyeshadow-Teal-Couture::071249307083"
                            data-tag-product-list="product detail page"
                            data-tag-product-brand="OAP"
                            data-tag-product-variant="colourriche"
                            data-tag-product-price="5.99"
                            data-tag-product-name="colour-riche-eyeshadow-teal-couture"
                            data-tag-product-id="071249307083"
                            data-tag-product-position="37"
                            data-tag-product-category="make-up/eye"
                            data-tag-product-dimension35="none"
  data-tag-product-dimension36="Teal Couture (Shimmer)"  
                            data-tag-product-dimension48="071249307083"
                            data-tag-product-dimension38="4.6"
                            v-tag:productvariantclick.dom="{label:'colour-riche-eyeshadow-teal-couture::071249307083::Teal Couture (Shimmer)'}">
                            <span class="colorItemRound -border" style="background-color: #000000"></span>
                            <svg class="colorItem__circle" width="60" height="60" role="img"
                                aria-labelledby="teal-couture-(shimmer)" fill="#000000"
                                stroke="#000000">
                                <title id="teal-couture-(shimmer)">Teal Couture (Shimmer)</title>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#disc"></use>
                            </svg>
                            <svg class="colorItem__checked" aria-hidden="">
                                <title>Teal Couture (Shimmer)</title>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#check"></use>
                            </svg>
                        </a>
                    </li>
                    <li class="colorItem  "
                        data-color="Violet Beaute (Shimmer)" data-hex="#000000"
                        data-swatch="" data-tag-wrapper>

                        <a href="/makeup/eye/eye-shadow/colour-riche-eyeshadow-violet-beaute"
                            aria-label="See Colour-Riche-Eyeshadow-Violet-Beaute in Violet Beaute (Shimmer)"
                            
                            data-tag-product-identifier
                            data-tag-product-info="Colour-Riche-Eyeshadow-Violet-Beaute::071249307021"
                            data-tag-product-list="product detail page"
                            data-tag-product-brand="OAP"
                            data-tag-product-variant="colourriche"
                            data-tag-product-price="5.99"
                            data-tag-product-name="colour-riche-eyeshadow-violet-beaute"
                            data-tag-product-id="071249307021"
                            data-tag-product-position="39"
                            data-tag-product-category="make-up/eye"
                            data-tag-product-dimension35="none"
  data-tag-product-dimension36="Violet Beaute (Shimmer)"  
                            data-tag-product-dimension48="071249307021"
                            data-tag-product-dimension38="4.6"
                            v-tag:productvariantclick.dom="{label:'colour-riche-eyeshadow-violet-beaute::071249307021::Violet Beaute (Shimmer)'}">
                            <span class="colorItemRound -border" style="background-color: #000000"></span>
                            <svg class="colorItem__circle" width="60" height="60" role="img"
                                aria-labelledby="violet-beaute-(shimmer)" fill="#000000"
                                stroke="#000000">
                                <title id="violet-beaute-(shimmer)">Violet Beaute (Shimmer)</title>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#disc"></use>
                            </svg>
                            <svg class="colorItem__checked" aria-hidden="">
                                <title>Violet Beaute (Shimmer)</title>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#check"></use>
                            </svg>
                        </a>
                    </li>
                </ul>
            </color-selector>
        </template>
    </oap-product-variant-selector>

                <div data-tag-wrapper class="oap-service-block ">
        <h2 class="oap-service-block__title">MakeUp TryOn</h2>
        <div class="oap-rich-text">
            <p>Try Before you Buy</p>
        </div>
        <div class="oap-service-cta">
            <a class="oap-button -primary -theme-brand -has-icon -fluid " 
  v-bus.click="'vto:enter'"                       data-tag-category= "virtual try on::modiface::make-up"
                    data-tag-action= "__pageCategory__::select::virtual try on"
                    data-tag-label= "load::monos eyeshadow"
                    v-tag:useractionevent.dom>
                <img alt="Crimson Makeuptryon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mM88x8AAp0BzdNtlUkAAAAASUVORK5CYII=" data-src="/-/media/project/loreal/brand-sites/oap/americas/us/zapper/service-images/crimson-makeuptryon.png?rev=a8592deade144f50951df1a13338147b" class="oap-button__img lazyload">
                <span class="oap-button__label">LIVE TRY ON</span>

            </a>
        </div>
    </div>

        <details class="oap-collapsible" open>
            <summary class="oap-collapsible__title"
                     v-tag:useractionevent='{
                      category: "productpagetab",
                      ename : "product_info_click",
                      productTab :"Product details",
                      productInfo: "colour-riche-eyeshadow::071249307045",
                      action: "Product details",
                      label: "colour-riche-eyeshadow",
                    }'>Product details</summary>
            <div class="oap-collapsible__content">



<div class="rich-text">
    <div class="component-content ">
        <div class="field-text">Colour Riche® Monos celebrate vibrant self-expression with 20 colors ranging from matte to shimmery eyeshadow finishes. This high pigment eyeshadow was inspired by makeup artists around the world. Experience cutting edge gel-to-powder technology and easy application. Discover your newest color obsession.</div>    </div>
</div>


<script type="text/javascript">

    document.addEventListener("DOMContentLoaded", function (event) {
        const element = document.getElementsByClassName('oap_hairdiagStart_divbtn');
        if (element.length > 0) {
            let urlParams = new URLSearchParams(window.location.search);

            if (urlParams != "" || urlParams != null) {

                var keyValuepairs = urlParams.toString().split('&');
                var qrUtmfound = 0;
                keyValuepairs.forEach(function (item, index) {
                    if (item === "utm_source=pos" || item === "utm_medium=qrcode") {
                        qrUtmfound++;
                    }
                });

                if (qrUtmfound == 2) {
                    let relocHref = document.getElementById("hair_color_start_btn").getAttribute("href");
                    let relocUpdatedurl = relocHref + window.location.search;
                    document.getElementById("hair_color_start_btn").setAttribute("href", relocUpdatedurl);
                }
            }
        }
    });

</script>









            </div>
        </details>
        <details class="oap-collapsible" >
            <summary class="oap-collapsible__title"
                     v-tag:useractionevent='{
                      category: "productpagetab",
                      ename : "product_info_click",
                      productTab :"Ingredients",
                      productInfo: "colour-riche-eyeshadow::071249307045",
                      action: "Ingredients",
                      label: "colour-riche-eyeshadow",
                    }'>Ingredients</summary>
            <div class="oap-collapsible__content">


<div data-ioplist=''>
    


<div class="rich-text">
    <div class="component-content ">
        <div class="field-text">G804983<br>
Nonfood Ingredients<br>
C12-15 Alkyl Benzoate<br>
Talc<br>
Phenyl Trimethicone<br>
Perlite<br>
Hydrogenated Styrene<br>
Butadiene Copolymer<br>
Alumina<br>
Caprylyl Glycol<br>
Lauroyl Lysine<br>
Magnesium Stearate<br>
Silica<br>
Synthetic Fluorphlogopite<br>
Tris-BHT Mesitylene. <br>
[+/- May Contain/Peut Contenir: <br>
Mica<br>
CI 77891/Titanium Dioxide<br>
CI 77491<br>
CI 77492<br>
CI 77499<br>
Iron Oxides<br>
CI 77007<br>
Ultramarines<br>
CI 77510<br>
Ferric Ammonium Ferrocyanide<br>
CI 75470<br>
Carmine<br>
CI 19140<br>
Yellow 5 Lake<br>
CI 42090<br>
Blue 1 Lake<br>
CI 77510<br>
Ferric Ferrocyanide<br>
CI 77742<br>
Manganese Violet] <br>
FIL D180940/1
</div>    </div>
</div>


<script type="text/javascript">

    document.addEventListener("DOMContentLoaded", function (event) {
        const element = document.getElementsByClassName('oap_hairdiagStart_divbtn');
        if (element.length > 0) {
            let urlParams = new URLSearchParams(window.location.search);

            if (urlParams != "" || urlParams != null) {

                var keyValuepairs = urlParams.toString().split('&');
                var qrUtmfound = 0;
                keyValuepairs.forEach(function (item, index) {
                    if (item === "utm_source=pos" || item === "utm_medium=qrcode") {
                        qrUtmfound++;
                    }
                });

                if (qrUtmfound == 2) {
                    let relocHref = document.getElementById("hair_color_start_btn").getAttribute("href");
                    let relocUpdatedurl = relocHref + window.location.search;
                    document.getElementById("hair_color_start_btn").setAttribute("href", relocUpdatedurl);
                }
            }
        }
    });

</script>










</div>
            </div>
        </details>
        <details class="oap-collapsible" >
            <summary class="oap-collapsible__title"
                     v-tag:useractionevent='{
                      category: "productpagetab",
                      ename : "product_info_click",
                      productTab :"Usage",
                      productInfo: "colour-riche-eyeshadow::071249307045",
                      action: "Usage",
                      label: "colour-riche-eyeshadow",
                    }'>Usage</summary>
            <div class="oap-collapsible__content">



<div class="rich-text">
    <div class="component-content ">
        <div class="field-text">Application has never been easier. Sweep shadow across eyelid using your fingertip. The soft velvet texture provides a feeling of extreme comfort and lightweight color that lasts all day.</div>    </div>
</div>


<script type="text/javascript">

    document.addEventListener("DOMContentLoaded", function (event) {
        const element = document.getElementsByClassName('oap_hairdiagStart_divbtn');
        if (element.length > 0) {
            let urlParams = new URLSearchParams(window.location.search);

            if (urlParams != "" || urlParams != null) {

                var keyValuepairs = urlParams.toString().split('&');
                var qrUtmfound = 0;
                keyValuepairs.forEach(function (item, index) {
                    if (item === "utm_source=pos" || item === "utm_medium=qrcode") {
                        qrUtmfound++;
                    }
                });

                if (qrUtmfound == 2) {
                    let relocHref = document.getElementById("hair_color_start_btn").getAttribute("href");
                    let relocUpdatedurl = relocHref + window.location.search;
                    document.getElementById("hair_color_start_btn").setAttribute("href", relocUpdatedurl);
                }
            }
        }
    });

</script>









            </div>
        </details>

                <ul class="oap-product-tags"
        v-collapsible-list
        data-tag-wrapper
        data-tag-action="select::product tag"
        data-tag-category="__pageCategory__">

            <li class="oap-product-tags__item">
                <a href="https://www.lorealparisusa.com/makeup/eye?product-type=eye-shadow"
                   class="oap-product-tags__link"
                   v-tag:useractionevent.dom='{
                    label: "Eye Shadow"
               }'>Eye Shadow</a>
            </li>
            <li class="oap-product-tags__item">
                <a href="https://www.lorealparisusa.com/makeup/eye?look=eye-shimmer"
                   class="oap-product-tags__link"
                   v-tag:useractionevent.dom='{
                    label: "Eye Shimmer"
               }'>Eye Shimmer</a>
            </li>
            <li class="oap-product-tags__item">
                <a href="https://www.lorealparisusa.com/makeup/eye?texture=powder-eyeshadow"
                   class="oap-product-tags__link"
                   v-tag:useractionevent.dom='{
                    label: "Powder Eyeshadow"
               }'>Powder Eyeshadow</a>
            </li>
            <li class="oap-product-tags__item">
                <a href="https://www.lorealparisusa.com/makeup/eye?desired-color=blue"
                   class="oap-product-tags__link"
                   v-tag:useractionevent.dom='{
                    label: "Blue"
               }'>Blue</a>
            </li>

        <li class="oap-product-tags__item">
            <button class="oap-product-tags__toggler" aria-label="Show More Tags" aria-expanded="false" data-ref-v-collapsible-list-toggle></button>
        </li>
    </ul>

        </div>
    </div>
</div>




<vto-app script-url="https://loreal-webconsultation.modiface.com/0/MF_header.js"
         :should-send-consent-id="true"
         publisher-id="949a6da60de1850eab2ec4dfbe82ba3f"
         country="US"
         :enable-favorite="true"
         :favorite-settings='{"apiEndpoints":{"all":"/apioap/favorite/getall","add":"/apioap/favorite/insert","addList":"/apioap/favorite/insertList","remove":"/apioap/favorite/remove"},"item":{"ItemId":"0de5462b-2d0b-48f6-9890-1ff507995af4","Type":6},"displayIconLayout":true,"labels":{"add":"Save","remove":"Unsave"},"loginUrl":"/my-account/favorites-login","returnPage":"/my-account/tool-results","taggingData":{"category":"virtual try-on","label":"071249307045::Monos Eyeshadow","actions":{"add":"save results","remove":"remove"}},"toastTimeout":5000,"nodesToRemove":"","overwriteItemType":6}'
         language="en"
         :rating="true"
         share-capture-count="0"
         iframe-title=""
         category="customlook"
         :initial-product='{&quot;upc&quot;:&quot;071249307045&quot;,&quot;productLineId&quot;:&quot;0de5462b-2d0b-48f6-9890-1ff507995af4&quot;,&quot;hex&quot;:&quot;#abc4c4&quot;,&quot;swatch&quot;:&quot;&quot;,&quot;brand&quot;:&quot;Colour Riche&quot;,&quot;subBrand&quot;:null,&quot;name&quot;:&quot;Monos Eyeshadow Argentic (Shimmer)&quot;,&quot;image&quot;:&quot;/-/media/project/loreal/brand-sites/oap/americas/us/products/makeup/eye/eye-shadow/colour-riche-eyeshadow/argentic/071249307045_t1.png?h=48&amp;w=48&amp;rev=fbc5abdf3389481abdc3b15d4adc8870&amp;hash=3839E40C7145C3DB3F4C87ED6CA605CDE7CAF17D&quot;,&quot;url&quot;:&quot;/makeup/eye/eye-shadow/colour-riche-eyeshadow&quot;,&quot;href&quot;:&quot;/makeup/eye/eye-shadow/colour-riche-eyeshadow?buy=true&quot;,&quot;category&quot;:&quot;eyeshadow&quot;,&quot;price&quot;:&quot;5.99&quot;,&quot;imageHotSwap&quot;:null,&quot;taggingBrand&quot;:&quot;OAP&quot;,&quot;dimension35&quot;:&quot;&quot;,&quot;dimension36&quot;:&quot;Argentic (Shimmer)&quot;,&quot;dimension38&quot;:&quot;4.6&quot;,&quot;dimension48&quot;:&quot;071249307045&quot;,&quot;dark&quot;:false,&quot;position&quot;:0,&quot;dimension49&quot;:&quot;present&quot;,&quot;dimension50&quot;:&quot;&quot;,&quot;dimension91&quot;:&quot;none&quot;,&quot;dimension176&quot;:null,&quot;productItemIds&quot;:null,&quot;id&quot;:&quot;0de5462b-2d0b-48f6-9890-1ff507995af4&quot;}'
         :upc-list='[]'
         :haircolor-families='[]'
         :enable-email-my-look-form="true"
         email-my-look-form-page-url="/email-my-look"
         email-my-look-form-page-cta-label="Email My Look"
         
         
         
         
         is-in-zapper>
</vto-app>



<oap-channel-advisor
    iframe-title="Buy Monos Eyeshadow Online"
    url="https://where-to-buy.co/widgets/core/BuyOnlineBuyLocal/index.html?pid=12010016&amp;model=071249307045"
    popup-close-label="Close Modal"
    popup-description="See where to buy Monos Eyeshadow online"
    popup-title="Buy Online"
    currency='$'
    :is-retailer-enabled="true"
    :expire-time="30"
    :product="{
        name: 'Monos Eyeshadow',
        id: '071249307045',
        price: '5.99',
        category: 'eye',
        variant: 'Argentic (Shimmer)',
        dimension35: '',
        dimension36: 'Argentic (Shimmer)',
        dimension38: '5',
        dimension48: '071249307045',
        dimension49: 'present',
        dimension50: '',
        dimension91: 'none'
    }">
</oap-channel-advisor>

    
    



<bv-wrapper class="bazaar-voice-wrapper reviews-container" script-url="https://apps.bazaarvoice.com/deployments/loreal/main_site/production/en_US/bv.js" :consult-event="{&#39;event&#39;: &#39;uaevent&#39;,&#39;eventAction&#39;: &#39;consult a review&#39;,&#39;eventCategory&#39;: &#39;product detail page&#39;}">
    <oap-tab tab-component-id="0de5462b-2d0b-48f6-9890-1ff507995af4">
        <template #header>
            <h2 class="oap-tab__heading">Ratings and Reviews</h2>
        </template>
        <template #heading>
            <oap-tab-header tab-component-id="0de5462b-2d0b-48f6-9890-1ff507995af4" :headings='{"tabs":[{"id":"83b7e171-eb8c-4583-8933-e4caf94419d2","heading":"Reviews","selected":true},{"id":"27ef5075-8392-47dc-aa30-9bee8c04163d","heading":"Questions and Answers","selected":false}]}'></oap-tab-header>
        </template>
        <template #default>
            <oap-tab-item tab-component-id="0de5462b-2d0b-48f6-9890-1ff507995af4" tab-item-id="83b7e171-eb8c-4583-8933-e4caf94419d2" tab-label="Reviews" key="83b7e171-eb8c-4583-8933-e4caf94419d2">
                <div class="bvReviews" data-returnUrl="redirectionUrl" data-enableRedirect="False">
                    <div class="bvReviews__wrapper">
                        <div>
                            <div data-bv-show="reviews" data-bv-product-id="071249307045"></div>
                        </div>
                    </div>
                </div>
            </oap-tab-item>
            <oap-tab-item tab-component-id="0de5462b-2d0b-48f6-9890-1ff507995af4" tab-item-id="27ef5075-8392-47dc-aa30-9bee8c04163d" tab-label="Questions and Answers" key="27ef5075-8392-47dc-aa30-9bee8c04163d">
                <div data-bv-show="rating_summary" data-bv-product-id="071249307045"></div>
                <div data-bv-show="questions" data-bv-product-id="071249307045"></div>
            </oap-tab-item>
        </template>
    </oap-tab>
</bv-wrapper>

    

<oap-slider theme="dark" layout="content" :skip-link="{text: 'Skip the slider: Default related articles', skippedText: ''}" id="slider-b76aa42e-e63c-4984-95a7-1fe506d0fb00">
    <template #copy>
        <h2 class="oap-slider__subtitle">Discover more tips & tricks</h2>
        <h2 class="oap-slider__description">Keep your skin happy</h2>
    </template>

        <sfmc-container :enabled="true"
                        api-url="https://www.lorealparisusa.com/api/sitecore/article/getArticlesFromInteractionStudio"
                        action="product_detail_page"
                        campaign="t4DNN">
            <template #recommendations="slotProps">
                <article-slider-model :items="slotProps.recommendations" tag-action="related article" tag-category="__pageCategory__" class="oap-slider__list"></article-slider-model>
            </template>

            <template #default-list>
                <ul class="oap-slider__list">
                                <li class="oap-slider__item">
                                    <article class="oap-card oap-card--type-content" data-tag-wrapper>
                                        <div class="oap-card__thumbnail">
                                            <img alt="Infallible fresh wear foundation swatch on hand" aria-hidden="true" class="lazyload" data-sizes="" data-srcset="/-/media/project/loreal/brand-sites/oap/americas/us/beauty-magazine/2022/november/11-30/fresh-wear-foundation-swatches/infallible-fresh-wear-foundation-swatches.jpg?rev=de785013c3c047178ecfc1be12ce1bb8&amp;cx=0.47&amp;cy=0.49&amp;cw=276&amp;ch=369&amp;hash=9D1D1DB219316785D55807C3146F8449F798693A 276w" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" />
                                        </div>
                                        <header>
                                            <h3 class="oap-card__heading">
                                                <a class="oap-card__link"
                                                   href="/beauty-magazine/makeup/face-makeup/fresh-wear-foundation-swatches"
                                                   title="How to Find Infallible Foundation Shades That Match Your Skin Tone"
                                                   data-tag-event-name="body_button_click"
                                                   data-tag-article-name="how to find infallible foundation shades that match your skin tone"
                                                   data-tag-link-url="/beauty-magazine/makeup/face-makeup/fresh-wear-foundation-swatches"
                                                   data-tag-module-name="Loreal.Foundation.FieldTypes.Extensions.HeadingText"
                                                   data-tag-cta-name="How to Find Infallible Foundation Shades That Match Your Skin Tone"
                                                   data-tag-category="__pageCategory__"
                                                   data-tag-action="related article"
                                                   data-tag-label="select::how to find infallible foundation shades that match your skin tone"
                                                   v-tag:useractionevent.dom>
                                                    <span class="oap-card__title">How to Find Infallible Foundation Shades That Match Your Skin Tone</span>
                                                </a>
                                            </h3>
                                        </header>
                                    </article>

                                </li>
                                <li class="oap-slider__item">
                                    <article class="oap-card oap-card--type-content" data-tag-wrapper>
                                        <div class="oap-card__thumbnail">
                                            <img alt="Glycolic Acid Serum Review" aria-hidden="true" class="lazyload" data-sizes="" data-srcset="/-/media/project/loreal/brand-sites/oap/americas/us/beauty-magazine/2021/august/8-25/glycolic-acid-serum-review/glycolic-acid-serum-review.jpg?rev=3add3e9cd5df447f9c8ebf67a8e01a70&amp;cx=0.5&amp;cy=0.48&amp;cw=276&amp;ch=369&amp;hash=81E79103E2DFFD259B88BFB35F7480D327162AC3 276w" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" />
                                        </div>
                                        <header>
                                            <h3 class="oap-card__heading">
                                                <a class="oap-card__link"
                                                   href="/beauty-magazine/skin-care/skin-care-essentials/glycolic-acid-serum-review"
                                                   title="The Glycolic Acid Serum Your Skin Care Routine Needs"
                                                   data-tag-event-name="body_button_click"
                                                   data-tag-article-name="the glycolic acid serum your skin care routine needs"
                                                   data-tag-link-url="/beauty-magazine/skin-care/skin-care-essentials/glycolic-acid-serum-review"
                                                   data-tag-module-name="Loreal.Foundation.FieldTypes.Extensions.HeadingText"
                                                   data-tag-cta-name="The Glycolic Acid Serum Your Skin Care Routine Needs"
                                                   data-tag-category="__pageCategory__"
                                                   data-tag-action="related article"
                                                   data-tag-label="select::the glycolic acid serum your skin care routine needs"
                                                   v-tag:useractionevent.dom>
                                                    <span class="oap-card__title">The Glycolic Acid Serum Your Skin Care Routine Needs</span>
                                                </a>
                                            </h3>
                                        </header>
                                    </article>

                                </li>
                                <li class="oap-slider__item">
                                    <article class="oap-card oap-card--type-content" data-tag-wrapper>
                                        <div class="oap-card__thumbnail">
                                            <img alt="Loreal Paris BMAG Article Loreal Paris RevitaLift Derm Intensives Hyaluronic Acid Serum Review D" aria-hidden="true" class="lazyload" data-sizes="" data-srcset="/-/media/project/loreal/brand-sites/oap/americas/us/beauty-magazine/articles-2/revitalift-derm-intensives-hyaluronic-acid-serum-review/loreal-paris-bmag-article-loreal-paris-revitalift-derm-intensives-hyaluronic-acid-serum-review-d.jpg?rev=129b5505a8e04cb4816429c2354ccae2&amp;cx=0.49&amp;cy=0.54&amp;cw=276&amp;ch=369&amp;hash=234E540753279A240DD442ED5C38E029A58C6D2A 276w" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" />
                                        </div>
                                        <header>
                                            <h3 class="oap-card__heading">
                                                <a class="oap-card__link"
                                                   href="/beauty-magazine/skin-care/skin-care-essentials/revitalift-derm-intensives-hyaluronic-acid-serum-review"
                                                   title="L&#39;Or&#233;al Paris Revitalift Derm Intensives Hyaluronic Acid Serum Review "
                                                   data-tag-event-name="body_button_click"
                                                   data-tag-article-name="l&#39;or&#233;al paris revitalift derm intensives hyaluronic acid serum review "
                                                   data-tag-link-url="/beauty-magazine/skin-care/skin-care-essentials/revitalift-derm-intensives-hyaluronic-acid-serum-review"
                                                   data-tag-module-name="Loreal.Foundation.FieldTypes.Extensions.HeadingText"
                                                   data-tag-cta-name="L&#39;Or&#233;al Paris Revitalift Derm Intensives Hyaluronic Acid Serum Review "
                                                   data-tag-category="__pageCategory__"
                                                   data-tag-action="related article"
                                                   data-tag-label="select::l&#39;or&#233;al paris revitalift derm intensives hyaluronic acid serum review "
                                                   v-tag:useractionevent.dom>
                                                    <span class="oap-card__title">L&#39;Or&#233;al Paris Revitalift Derm Intensives Hyaluronic Acid Serum Review </span>
                                                </a>
                                            </h3>
                                        </header>
                                    </article>

                                </li>
                                <li class="oap-slider__item">
                                    <article class="oap-card oap-card--type-content" data-tag-wrapper>
                                        <div class="oap-card__thumbnail">
                                            <img alt="Should You Wash Your Hair Before Dyeing It" aria-hidden="true" class="lazyload" data-sizes="" data-srcset="/-/media/project/loreal/brand-sites/oap/americas/us/beauty-magazine/2022/november/11-14/should-you-wash-hair-before-coloring/should-you-wash-your-hair-before-dyeing-it.jpg?rev=f269aafa46db49c1a7282f6f1e0194b0&amp;cx=0.45&amp;cy=0.45&amp;cw=276&amp;ch=369&amp;hash=4886665CA26F16602F672FD517B147AF285E9C65 276w" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" />
                                        </div>
                                        <header>
                                            <h3 class="oap-card__heading">
                                                <a class="oap-card__link"
                                                   href="/beauty-magazine/hair-color/hair-color-application/should-you-wash-hair-before-coloring"
                                                   title="Should You Wash Your Hair Before Dyeing It?"
                                                   data-tag-event-name="body_button_click"
                                                   data-tag-article-name="should you wash your hair before dyeing it?"
                                                   data-tag-link-url="/beauty-magazine/hair-color/hair-color-application/should-you-wash-hair-before-coloring"
                                                   data-tag-module-name="Loreal.Foundation.FieldTypes.Extensions.HeadingText"
                                                   data-tag-cta-name="Should You Wash Your Hair Before Dyeing It?"
                                                   data-tag-category="__pageCategory__"
                                                   data-tag-action="related article"
                                                   data-tag-label="select::should you wash your hair before dyeing it?"
                                                   v-tag:useractionevent.dom>
                                                    <span class="oap-card__title">Should You Wash Your Hair Before Dyeing It?</span>
                                                </a>
                                            </h3>
                                        </header>
                                    </article>

                                </li>
                                <li class="oap-slider__item">
                                    <article class="oap-card oap-card--type-content" data-tag-wrapper>
                                        <div class="oap-card__thumbnail">
                                            <img alt="Lighten Dark Brown Hair Hero Bmag" aria-hidden="true" class="lazyload" data-sizes="" data-srcset="/-/media/project/loreal/brand-sites/oap/americas/us/beauty-magazine/articles/how-to-lighten-dark-brown-hair/lighten-dark-brown-hair-hero-bmag.jpg?rev=0f352b6a581144118d8085b24ba6ddea&amp;cx=0.49&amp;cy=0.54&amp;cw=276&amp;ch=369&amp;hash=C7CE8B6897A713A89D22D4F850D34A3944C07CAD 276w" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" />
                                        </div>
                                        <header>
                                            <h3 class="oap-card__heading">
                                                <a class="oap-card__link"
                                                   href="/beauty-magazine/hair-color/hair-color-tutorials/how-to-lighten-dark-brown-hair"
                                                   title="How to Lighten Dark Brown Hair"
                                                   data-tag-event-name="body_button_click"
                                                   data-tag-article-name="how to lighten dark brown hair"
                                                   data-tag-link-url="/beauty-magazine/hair-color/hair-color-tutorials/how-to-lighten-dark-brown-hair"
                                                   data-tag-module-name="Loreal.Foundation.FieldTypes.Extensions.HeadingText"
                                                   data-tag-cta-name="How to Lighten Dark Brown Hair"
                                                   data-tag-category="__pageCategory__"
                                                   data-tag-action="related article"
                                                   data-tag-label="select::how to lighten dark brown hair"
                                                   v-tag:useractionevent.dom>
                                                    <span class="oap-card__title">How to Lighten Dark Brown Hair</span>
                                                </a>
                                            </h3>
                                        </header>
                                    </article>

                                </li>
                                <li class="oap-slider__item">
                                    <article class="oap-card oap-card--type-content" data-tag-wrapper>
                                        <div class="oap-card__thumbnail">
                                            <img alt="Purple Shampoo On Brown Hair" aria-hidden="true" class="lazyload" data-sizes="" data-srcset="/-/media/project/loreal/brand-sites/oap/americas/us/beauty-magazine/2022/november/11-23/purple-shampoo-on-brown-hair/purple-shampoo-on-brown-hair.jpg?rev=053bf3646ded4d29b47849d2945727ec&amp;cx=0.5&amp;cy=0.48&amp;cw=276&amp;ch=369&amp;hash=60CBACD701857CA04EFE875D401A032E275DEF3A 276w" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" />
                                        </div>
                                        <header>
                                            <h3 class="oap-card__heading">
                                                <a class="oap-card__link"
                                                   href="/beauty-magazine/hair-care/color-treated-hair/purple-shampoo-on-brown-hair"
                                                   title="Can You Use Purple Toning Shampoo On Brown Hair?"
                                                   data-tag-event-name="body_button_click"
                                                   data-tag-article-name="can you use purple toning shampoo on brown hair?"
                                                   data-tag-link-url="/beauty-magazine/hair-care/color-treated-hair/purple-shampoo-on-brown-hair"
                                                   data-tag-module-name="Loreal.Foundation.FieldTypes.Extensions.HeadingText"
                                                   data-tag-cta-name="Can You Use Purple Toning Shampoo On Brown Hair?"
                                                   data-tag-category="__pageCategory__"
                                                   data-tag-action="related article"
                                                   data-tag-label="select::can you use purple toning shampoo on brown hair?"
                                                   v-tag:useractionevent.dom>
                                                    <span class="oap-card__title">Can You Use Purple Toning Shampoo On Brown Hair?</span>
                                                </a>
                                            </h3>
                                        </header>
                                    </article>

                                </li>

                </ul>
            </template>
        </sfmc-container>

    <template #link>

        <a href="/beauty-magazine"
           class="oap-button -secondary"
           aria-label="See all articles Discover more tips &amp; tricks"
           style=""
           data-tag-wrapper
           data-tag-action="related article"
           data-tag-label="select::see all articles"
           data-tag-category="__pageCategory__"
           data-tag-event-name="body_button_click"
           data-tag-cta-name=" See all articles"
           data-tag-link-url="https://www.lorealparisusa.com/beauty-magazine"
           data-tag-module-name="article result carousel"
           v-tag:useractionevent.dom>
            See all articles
        </a>
    </template>
</oap-slider>


    <noscript>
        <section class="oap-slider-noscript">
        <ul class="oap-slider-noscript__list">
                <li class="oap-slider-noscript__item"><a href="/beauty-magazine/makeup/face-makeup/fresh-wear-foundation-swatches" class="oap-slider-noscript__link">How to Find Infallible Foundation Shades That Match Your Skin Tone</a></li>
                <li class="oap-slider-noscript__item"><a href="/beauty-magazine/skin-care/skin-care-essentials/glycolic-acid-serum-review" class="oap-slider-noscript__link">The Glycolic Acid Serum Your Skin Care Routine Needs</a></li>
                <li class="oap-slider-noscript__item"><a href="/beauty-magazine/skin-care/skin-care-essentials/revitalift-derm-intensives-hyaluronic-acid-serum-review" class="oap-slider-noscript__link">L&#39;Or&#233;al Paris Revitalift Derm Intensives Hyaluronic Acid Serum Review </a></li>
                <li class="oap-slider-noscript__item"><a href="/beauty-magazine/hair-color/hair-color-application/should-you-wash-hair-before-coloring" class="oap-slider-noscript__link">Should You Wash Your Hair Before Dyeing It?</a></li>
                <li class="oap-slider-noscript__item"><a href="/beauty-magazine/hair-color/hair-color-tutorials/how-to-lighten-dark-brown-hair" class="oap-slider-noscript__link">How to Lighten Dark Brown Hair</a></li>
                <li class="oap-slider-noscript__item"><a href="/beauty-magazine/hair-care/color-treated-hair/purple-shampoo-on-brown-hair" class="oap-slider-noscript__link">Can You Use Purple Toning Shampoo On Brown Hair?</a></li>
        </ul>
        </section>
    </noscript>



    <oap-slider class="related-products-slider" theme="default" layout="product" id="slider-product-063113d1-bd84-49e2-b015-425720c4f2c8"
                :skip-link='{
  &quot;text&quot;: &quot;Skip the slider: Related Products&quot;,
  &quot;skippedText&quot;: &quot;skip-related-product-slider&quot;
}'>
        <template #copy>

            <h3 class="oap-slider__title">Related Products</h3>
            <p class="oap-slider__subtitle">Discover More</p>
        </template>

            <sfmc-container enabled
                            api-url="https://www.lorealparisusa.com/apioap/product/getProductsFromInteractionStudio"
                            action="product_detail_page"
                            campaign="62hjl">
                <template #recommendations="slotProps">
                    <product-list-model display-review-count="display-review-count"
                                        view-product-label="View Product"
                                        average-rating-label="Average rating:"
                                        product-rating-maximum="5"
                                        class="oap-slider__list"
                                        :items="slotProps.recommendations">
                    </product-list-model>
                </template>
                <template #default-list>
                    <ul class="oap-slider__list">
                            <li class="oap-slider__item">
                                <oap-card type='product'
                                          display-review-count="display-review-count"
                                          :item='{
  &quot;id&quot;: &quot;071249266502&quot;,
  &quot;type&quot;: &quot;product&quot;,
  &quot;brand&quot;: &quot;Infallible&quot;,
  &quot;title&quot;: &quot;24 HR Eye Shadow&quot;,
  &quot;image&quot;: {
    &quot;fileName&quot;: &quot;/-/media/project/loreal/brand-sites/oap/americas/us/products/makeup/eye/eye-shadow/infallible-24-hr-eye-shadow/always-pearly-pink/071249266502_t1.png?rev=0f4511c143ae46e487395bf8fdc018a4&quot;,
    &quot;packshotClass&quot;: &quot;oap-packshot--small&quot;,
    &quot;alt&quot;: &quot;071249266502 T1&quot;,
    &quot;sizes&quot;: &quot;50vw, (min-width: 650px) 33vw, (min-width: 900) 25vw&quot;,
    &quot;resolutions&quot;: [
      {
        &quot;width&quot;: 60,
        &quot;hash&quot;: &quot;523E0AA8AEF303C408EC3CF53C877987F02598E0&quot;
      },
      {
        &quot;width&quot;: 80,
        &quot;hash&quot;: &quot;7BCB980F40634774ED366EBB2B7D5337E33A2C06&quot;
      },
      {
        &quot;width&quot;: 100,
        &quot;hash&quot;: &quot;A28AE8A19066796E5BEC5376FD216C8BAD2A9DB9&quot;
      }
    ],
    &quot;fallbackSize&quot;: {
      &quot;width&quot;: 60,
      &quot;hash&quot;: &quot;523E0AA8AEF303C408EC3CF53C877987F02598E0&quot;
    }
  },
  &quot;url&quot;: &quot;/makeup/eye/eye-shadow/infallible-24-hr-eye-shadow&quot;,
  &quot;action&quot;: {
    &quot;text&quot;: &quot;View Product&quot;,
    &quot;buyNowText&quot;: &quot;Buy Product&quot;
  },
  &quot;tag&quot;: {
    &quot;common&quot;: {
      &quot;data&quot;: {
        &quot;category&quot;: &quot;make-up/eye&quot;,
        &quot;label&quot;: &quot;Product Click&quot;,
        &quot;currency&quot;: &quot;USD&quot;
      },
      &quot;product&quot;: {
        &quot;brand&quot;: &quot;OAP&quot;,
        &quot;name&quot;: &quot;24 HR Eye Shadow&quot;,
        &quot;price&quot;: &quot;7.99&quot;,
        &quot;category&quot;: &quot;make-up/eye&quot;,
        &quot;id&quot;: &quot;071249266502&quot;,
        &quot;position&quot;: 1,
        &quot;dimension36&quot;: &quot;Always Pearly Pink&quot;,
        &quot;dimension38&quot;: &quot;4.7&quot;,
        &quot;dimension48&quot;: &quot;071249266502&quot;,
        &quot;dimension49&quot;: &quot;present&quot;,
        &quot;dimension91&quot;: &quot;none&quot;
      }
    },
    &quot;productclick&quot;: {
      &quot;data&quot;: {
        &quot;list&quot;: &quot;highlight&quot;,
        &quot;label&quot;: &quot;24 hr eye shadow::071249266502&quot;
      }
    },
    &quot;productimpression&quot;: {
      &quot;product&quot;: {
        &quot;list&quot;: &quot;cross-sell&quot;
      },
      &quot;data&quot;: {
        &quot;label&quot;: &quot;__pageCategory__&quot;
      }
    }
  },
  &quot;rating&quot;: {
    &quot;bv&quot;: true,
    &quot;max&quot;: 5,
    &quot;score&quot;: 5,
    &quot;srText&quot;: &quot;Average rating:&quot;,
    &quot;count&quot;: 207
  },
  &quot;label&quot;: &quot;Try It&quot;,
  &quot;gradient&quot;: true,
  &quot;itemId&quot;: &quot;{D6C71A94-BD29-46FB-BBA6-4DD6DD927D6B}&quot;,
  &quot;price&quot;: &quot;7.99&quot;,
  &quot;IsFavoriteEnabled&quot;: false,
  &quot;favorite&quot;: {
    &quot;apiEndpoints&quot;: {
      &quot;all&quot;: &quot;/apioap/favorite/getall&quot;,
      &quot;add&quot;: &quot;/apioap/favorite/insert&quot;,
      &quot;addList&quot;: &quot;/apioap/favorite/insertList&quot;,
      &quot;remove&quot;: &quot;/apioap/favorite/remove&quot;
    },
    &quot;item&quot;: {
      &quot;ItemId&quot;: &quot;d6c71a94-bd29-46fb-bba6-4dd6dd927d6b&quot;,
      &quot;Type&quot;: 1
    },
    &quot;displayIconLayout&quot;: false,
    &quot;labels&quot;: {
      &quot;add&quot;: &quot;Save&quot;,
      &quot;remove&quot;: &quot;Unsave&quot;
    },
    &quot;loginUrl&quot;: &quot;/mi-cuenta/favorites-login&quot;,
    &quot;returnPage&quot;: &quot;&quot;,
    &quot;taggingData&quot;: {
      &quot;category&quot;: &quot;ecommerce&quot;,
      &quot;label&quot;: &quot;071249307045::Monos Eyeshadow&quot;,
      &quot;actions&quot;: {
        &quot;add&quot;: &quot;add to favorites&quot;,
        &quot;remove&quot;: &quot;remove from favorites&quot;
      }
    },
    &quot;toastTimeout&quot;: 5000,
    &quot;nodesToRemove&quot;: &quot;&quot;,
    &quot;overwriteItemType&quot;: 1
  },
  &quot;ctaClasses&quot;: [
    &quot;-primary&quot;
  ],
  &quot;buyNowUrl&quot;: &quot;/makeup/eye/eye-shadow/infallible-24-hr-eye-shadow?buy=true&quot;,
  &quot;isMex&quot;: false
}'
                                          :layouts='["in-slider"]' v-is-intersecting-x>
                                </oap-card>
                            </li>
                            <li class="oap-slider__item">
                                <oap-card type='product'
                                          display-review-count="display-review-count"
                                          :item='{
  &quot;id&quot;: &quot;071249289754&quot;,
  &quot;type&quot;: &quot;product&quot;,
  &quot;brand&quot;: &quot;Colour Riche&quot;,
  &quot;title&quot;: &quot;La Palette Nude&quot;,
  &quot;image&quot;: {
    &quot;fileName&quot;: &quot;/-/media/project/loreal/brand-sites/oap/americas/us/products/makeup/eye/eye-shadow/colour-riche-la-palette-nude/nude-01/071249289754_t1.png?rev=9b32a3c366d248a89d129ac7d909d3d8&quot;,
    &quot;packshotClass&quot;: &quot;oap-packshot--small&quot;,
    &quot;alt&quot;: &quot;071249289754_T1&quot;,
    &quot;sizes&quot;: &quot;50vw, (min-width: 650px) 33vw, (min-width: 900) 25vw&quot;,
    &quot;resolutions&quot;: [
      {
        &quot;width&quot;: 60,
        &quot;hash&quot;: &quot;2B5FF99BF6BDA4AC803A48A22281E5AAD15B96A1&quot;
      },
      {
        &quot;width&quot;: 80,
        &quot;hash&quot;: &quot;7001DA1B18942B1DE88969F139E17F7341B9CDFC&quot;
      },
      {
        &quot;width&quot;: 100,
        &quot;hash&quot;: &quot;67594D219C485A4CAA32AB8AE7280BAB40549237&quot;
      }
    ],
    &quot;fallbackSize&quot;: {
      &quot;width&quot;: 60,
      &quot;hash&quot;: &quot;2B5FF99BF6BDA4AC803A48A22281E5AAD15B96A1&quot;
    }
  },
  &quot;url&quot;: &quot;/makeup/eye/eye-shadow/colour-riche-la-palette-nude&quot;,
  &quot;action&quot;: {
    &quot;text&quot;: &quot;View Product&quot;,
    &quot;buyNowText&quot;: &quot;Buy Product&quot;
  },
  &quot;tag&quot;: {
    &quot;common&quot;: {
      &quot;data&quot;: {
        &quot;category&quot;: &quot;make-up/eye&quot;,
        &quot;label&quot;: &quot;Product Click&quot;,
        &quot;currency&quot;: &quot;USD&quot;
      },
      &quot;product&quot;: {
        &quot;brand&quot;: &quot;OAP&quot;,
        &quot;name&quot;: &quot;La Palette Nude&quot;,
        &quot;price&quot;: &quot;19.99&quot;,
        &quot;category&quot;: &quot;make-up/eye&quot;,
        &quot;id&quot;: &quot;071249289754&quot;,
        &quot;position&quot;: 2,
        &quot;dimension36&quot;: &quot;Nude&quot;,
        &quot;dimension38&quot;: &quot;4.5&quot;,
        &quot;dimension48&quot;: &quot;071249289754&quot;,
        &quot;dimension49&quot;: &quot;present&quot;,
        &quot;dimension91&quot;: &quot;none&quot;
      }
    },
    &quot;productclick&quot;: {
      &quot;data&quot;: {
        &quot;list&quot;: &quot;highlight&quot;,
        &quot;label&quot;: &quot;la palette nude::071249289754&quot;
      }
    },
    &quot;productimpression&quot;: {
      &quot;product&quot;: {
        &quot;list&quot;: &quot;cross-sell&quot;
      },
      &quot;data&quot;: {
        &quot;label&quot;: &quot;__pageCategory__&quot;
      }
    }
  },
  &quot;rating&quot;: {
    &quot;bv&quot;: true,
    &quot;max&quot;: 5,
    &quot;score&quot;: 4,
    &quot;srText&quot;: &quot;Average rating:&quot;,
    &quot;count&quot;: 76
  },
  &quot;label&quot;: &quot;Try It&quot;,
  &quot;gradient&quot;: true,
  &quot;itemId&quot;: &quot;{7E2726E5-2894-4EE3-A4E5-5B44EFE6F7F2}&quot;,
  &quot;price&quot;: &quot;19.99&quot;,
  &quot;IsFavoriteEnabled&quot;: false,
  &quot;favorite&quot;: {
    &quot;apiEndpoints&quot;: {
      &quot;all&quot;: &quot;/apioap/favorite/getall&quot;,
      &quot;add&quot;: &quot;/apioap/favorite/insert&quot;,
      &quot;addList&quot;: &quot;/apioap/favorite/insertList&quot;,
      &quot;remove&quot;: &quot;/apioap/favorite/remove&quot;
    },
    &quot;item&quot;: {
      &quot;ItemId&quot;: &quot;7e2726e5-2894-4ee3-a4e5-5b44efe6f7f2&quot;,
      &quot;Type&quot;: 1
    },
    &quot;displayIconLayout&quot;: false,
    &quot;labels&quot;: {
      &quot;add&quot;: &quot;Save&quot;,
      &quot;remove&quot;: &quot;Unsave&quot;
    },
    &quot;loginUrl&quot;: &quot;/mi-cuenta/favorites-login&quot;,
    &quot;returnPage&quot;: &quot;&quot;,
    &quot;taggingData&quot;: {
      &quot;category&quot;: &quot;ecommerce&quot;,
      &quot;label&quot;: &quot;071249307045::Monos Eyeshadow&quot;,
      &quot;actions&quot;: {
        &quot;add&quot;: &quot;add to favorites&quot;,
        &quot;remove&quot;: &quot;remove from favorites&quot;
      }
    },
    &quot;toastTimeout&quot;: 5000,
    &quot;nodesToRemove&quot;: &quot;&quot;,
    &quot;overwriteItemType&quot;: 1
  },
  &quot;ctaClasses&quot;: [
    &quot;-primary&quot;
  ],
  &quot;buyNowUrl&quot;: &quot;/makeup/eye/eye-shadow/colour-riche-la-palette-nude?buy=true&quot;,
  &quot;isMex&quot;: false
}'
                                          :layouts='["in-slider"]' v-is-intersecting-x>
                                </oap-card>
                            </li>
                            <li class="oap-slider__item">
                                <oap-card type='product'
                                          display-review-count="display-review-count"
                                          :item='{
  &quot;id&quot;: &quot;071249313077&quot;,
  &quot;type&quot;: &quot;product&quot;,
  &quot;brand&quot;: &quot;Colour Riche&quot;,
  &quot;title&quot;: &quot;Pocket Palette Eye Shadow&quot;,
  &quot;image&quot;: {
    &quot;fileName&quot;: &quot;/-/media/project/loreal/brand-sites/oap/americas/us/products/makeup/eye/eye-shadow/colour-riche-pocket-palette-eye-shadow/avant-garde-azure/071249313077_t1.png?rev=5d1d26fa03e5494e97278ba9f7b74d3e&quot;,
    &quot;packshotClass&quot;: &quot;oap-packshot--small&quot;,
    &quot;alt&quot;: &quot;071249313077_T1&quot;,
    &quot;sizes&quot;: &quot;50vw, (min-width: 650px) 33vw, (min-width: 900) 25vw&quot;,
    &quot;resolutions&quot;: [
      {
        &quot;width&quot;: 60,
        &quot;hash&quot;: &quot;D14067843544F82BB4C65EF9C67F309F2C0748AF&quot;
      },
      {
        &quot;width&quot;: 80,
        &quot;hash&quot;: &quot;A44CAA16D63DDB9FC4FA2BF318136A26F2F3BFCC&quot;
      },
      {
        &quot;width&quot;: 100,
        &quot;hash&quot;: &quot;46F371166A015AD587E41AF490524AC6D540F25B&quot;
      }
    ],
    &quot;fallbackSize&quot;: {
      &quot;width&quot;: 60,
      &quot;hash&quot;: &quot;D14067843544F82BB4C65EF9C67F309F2C0748AF&quot;
    }
  },
  &quot;url&quot;: &quot;/makeup/eye/eye-shadow/colour-riche-pocket-palette-eye-shadow&quot;,
  &quot;action&quot;: {
    &quot;text&quot;: &quot;View Product&quot;,
    &quot;buyNowText&quot;: &quot;Buy Product&quot;
  },
  &quot;tag&quot;: {
    &quot;common&quot;: {
      &quot;data&quot;: {
        &quot;category&quot;: &quot;make-up/eye&quot;,
        &quot;label&quot;: &quot;Product Click&quot;,
        &quot;currency&quot;: &quot;USD&quot;
      },
      &quot;product&quot;: {
        &quot;brand&quot;: &quot;OAP&quot;,
        &quot;name&quot;: &quot;Pocket Palette Eye Shadow&quot;,
        &quot;price&quot;: &quot;9.99&quot;,
        &quot;category&quot;: &quot;make-up/eye&quot;,
        &quot;id&quot;: &quot;071249313077&quot;,
        &quot;position&quot;: 3,
        &quot;dimension36&quot;: &quot;Avant Garde Azure&quot;,
        &quot;dimension38&quot;: &quot;4.1&quot;,
        &quot;dimension48&quot;: &quot;071249313077&quot;,
        &quot;dimension49&quot;: &quot;present&quot;,
        &quot;dimension91&quot;: &quot;none&quot;
      }
    },
    &quot;productclick&quot;: {
      &quot;data&quot;: {
        &quot;list&quot;: &quot;highlight&quot;,
        &quot;label&quot;: &quot;pocket palette eye shadow::071249313077&quot;
      }
    },
    &quot;productimpression&quot;: {
      &quot;product&quot;: {
        &quot;list&quot;: &quot;cross-sell&quot;
      },
      &quot;data&quot;: {
        &quot;label&quot;: &quot;__pageCategory__&quot;
      }
    }
  },
  &quot;rating&quot;: {
    &quot;bv&quot;: true,
    &quot;max&quot;: 5,
    &quot;score&quot;: 4,
    &quot;srText&quot;: &quot;Average rating:&quot;,
    &quot;count&quot;: 25
  },
  &quot;label&quot;: &quot;Try It&quot;,
  &quot;gradient&quot;: true,
  &quot;itemId&quot;: &quot;{C52B1A69-9421-49BF-BE03-3223B67AB711}&quot;,
  &quot;price&quot;: &quot;9.99&quot;,
  &quot;IsFavoriteEnabled&quot;: false,
  &quot;favorite&quot;: {
    &quot;apiEndpoints&quot;: {
      &quot;all&quot;: &quot;/apioap/favorite/getall&quot;,
      &quot;add&quot;: &quot;/apioap/favorite/insert&quot;,
      &quot;addList&quot;: &quot;/apioap/favorite/insertList&quot;,
      &quot;remove&quot;: &quot;/apioap/favorite/remove&quot;
    },
    &quot;item&quot;: {
      &quot;ItemId&quot;: &quot;c52b1a69-9421-49bf-be03-3223b67ab711&quot;,
      &quot;Type&quot;: 1
    },
    &quot;displayIconLayout&quot;: false,
    &quot;labels&quot;: {
      &quot;add&quot;: &quot;Save&quot;,
      &quot;remove&quot;: &quot;Unsave&quot;
    },
    &quot;loginUrl&quot;: &quot;/mi-cuenta/favorites-login&quot;,
    &quot;returnPage&quot;: &quot;&quot;,
    &quot;taggingData&quot;: {
      &quot;category&quot;: &quot;ecommerce&quot;,
      &quot;label&quot;: &quot;071249307045::Monos Eyeshadow&quot;,
      &quot;actions&quot;: {
        &quot;add&quot;: &quot;add to favorites&quot;,
        &quot;remove&quot;: &quot;remove from favorites&quot;
      }
    },
    &quot;toastTimeout&quot;: 5000,
    &quot;nodesToRemove&quot;: &quot;&quot;,
    &quot;overwriteItemType&quot;: 1
  },
  &quot;ctaClasses&quot;: [
    &quot;-primary&quot;
  ],
  &quot;buyNowUrl&quot;: &quot;/makeup/eye/eye-shadow/colour-riche-pocket-palette-eye-shadow?buy=true&quot;,
  &quot;isMex&quot;: false
}'
                                          :layouts='["in-slider"]' v-is-intersecting-x>
                                </oap-card>
                            </li>
                    </ul>
                </template>
            </sfmc-container>
            <template #controls>
                                    <oap-carousel-controls type="arrows"
                                                           layout="centered"
                                                           item-selector=".oap-slider__item"
                                                           media-query-list="(max-width: 31.938rem)"></oap-carousel-controls>
                                </template>

        <template #link>


            <a href="/makeup/eye/eye-shadow" class="oap-button -secondary"
               aria-label="eye-shadow Related Products"
               style=""
               data-tag-wrapper
               data-tag-action="Related Products"
               data-tag-label="select::see all products"
               data-tag-category="__pageCategory__"
               data-tag-event-name="body_button_click"
               data-tag-module-name="Related Products"
               data-tag-cta-name="eye-shadow"
               data-tag-link-url="https://www.lorealparisusa.com/makeup/eye/eye-shadow"
               v-tag:useractionevent.dom>
                eye-shadow
            </a>
        </template>
    </oap-slider>


    <oap-slider class="related-products-slider" theme="default" layout="product" id="slider-product-54e6e457-c48d-44e7-9488-71dbb7c7c086"
                :skip-link='{
  &quot;text&quot;: &quot;Skip the slider: Complete The Look&quot;,
  &quot;skippedText&quot;: &quot;skip-related-product-slider&quot;
}'>
        <template #copy>

            <p class="oap-slider__title">Complete the look</p>
            
        </template>

            <ul class="oap-slider__list">
                    <li class="oap-slider__item">
                        <oap-card type='product'
                                  display-review-count="display-review-count"
                                  :item='{
  &quot;id&quot;: &quot;071249749012&quot;,
  &quot;type&quot;: &quot;product&quot;,
  &quot;brand&quot;: &quot;Voluminous&quot;,
  &quot;title&quot;: &quot;Original Washable Bold Eye Mascara&quot;,
  &quot;image&quot;: {
    &quot;fileName&quot;: &quot;/-/media/project/loreal/brand-sites/oap/americas/us/products/makeup/eye/mascara/voluminous-original-washable-bold-eye-mascara/305-black/071249749012_t1-v4.png?rev=0a502965d83744cd9f6a3b8d87a4126d&quot;,
    &quot;packshotClass&quot;: &quot;oap-packshot--small&quot;,
    &quot;alt&quot;: &quot;071249749012 T1 V4&quot;,
    &quot;sizes&quot;: &quot;50vw, (min-width: 650px) 33vw, (min-width: 900) 25vw&quot;,
    &quot;resolutions&quot;: [
      {
        &quot;width&quot;: 60,
        &quot;hash&quot;: &quot;7D32F25B933D49340993B782F9EFBB75EEF707F5&quot;
      },
      {
        &quot;width&quot;: 80,
        &quot;hash&quot;: &quot;AA54760ACC030778E3167DB38E2F37D18B4E37E1&quot;
      },
      {
        &quot;width&quot;: 100,
        &quot;hash&quot;: &quot;BE09307F36B1336B4D25F5ADCB27C42C1D12284D&quot;
      }
    ],
    &quot;fallbackSize&quot;: {
      &quot;width&quot;: 60,
      &quot;hash&quot;: &quot;7D32F25B933D49340993B782F9EFBB75EEF707F5&quot;
    }
  },
  &quot;url&quot;: &quot;/makeup/eye/mascara/voluminous-original-washable-bold-eye-mascara&quot;,
  &quot;action&quot;: {
    &quot;text&quot;: &quot;View Product&quot;,
    &quot;buyNowText&quot;: &quot;Buy Product&quot;
  },
  &quot;tag&quot;: {
    &quot;common&quot;: {
      &quot;data&quot;: {
        &quot;category&quot;: &quot;make-up/eye&quot;,
        &quot;label&quot;: &quot;Product Click&quot;,
        &quot;currency&quot;: &quot;USD&quot;
      },
      &quot;product&quot;: {
        &quot;brand&quot;: &quot;OAP&quot;,
        &quot;name&quot;: &quot;Original Washable Bold Eye Mascara&quot;,
        &quot;price&quot;: &quot;9.99&quot;,
        &quot;category&quot;: &quot;make-up/eye&quot;,
        &quot;id&quot;: &quot;071249749012&quot;,
        &quot;position&quot;: 1,
        &quot;dimension36&quot;: &quot;305 - Black&quot;,
        &quot;dimension38&quot;: &quot;3.9&quot;,
        &quot;dimension48&quot;: &quot;071249749012&quot;,
        &quot;dimension49&quot;: &quot;present&quot;,
        &quot;dimension91&quot;: &quot;none&quot;
      }
    },
    &quot;productclick&quot;: {
      &quot;data&quot;: {
        &quot;list&quot;: &quot;highlight&quot;,
        &quot;label&quot;: &quot;original washable bold eye mascara::071249749012&quot;
      }
    },
    &quot;productimpression&quot;: {
      &quot;product&quot;: {
        &quot;list&quot;: &quot;cross-sell&quot;
      },
      &quot;data&quot;: {
        &quot;label&quot;: &quot;__pageCategory__&quot;
      }
    }
  },
  &quot;rating&quot;: {
    &quot;bv&quot;: true,
    &quot;max&quot;: 5,
    &quot;score&quot;: 4,
    &quot;srText&quot;: &quot;Average rating:&quot;,
    &quot;count&quot;: 1444
  },
  &quot;label&quot;: &quot;Try It&quot;,
  &quot;gradient&quot;: true,
  &quot;itemId&quot;: &quot;{B9A70D6C-D591-47EB-A9FC-9B11A4D71F5E}&quot;,
  &quot;price&quot;: &quot;9.99&quot;,
  &quot;IsFavoriteEnabled&quot;: false,
  &quot;favorite&quot;: {
    &quot;apiEndpoints&quot;: {
      &quot;all&quot;: &quot;/apioap/favorite/getall&quot;,
      &quot;add&quot;: &quot;/apioap/favorite/insert&quot;,
      &quot;addList&quot;: &quot;/apioap/favorite/insertList&quot;,
      &quot;remove&quot;: &quot;/apioap/favorite/remove&quot;
    },
    &quot;item&quot;: {
      &quot;ItemId&quot;: &quot;b9a70d6c-d591-47eb-a9fc-9b11a4d71f5e&quot;,
      &quot;Type&quot;: 1
    },
    &quot;displayIconLayout&quot;: false,
    &quot;labels&quot;: {
      &quot;add&quot;: &quot;Save&quot;,
      &quot;remove&quot;: &quot;Unsave&quot;
    },
    &quot;loginUrl&quot;: &quot;/mi-cuenta/favorites-login&quot;,
    &quot;returnPage&quot;: &quot;&quot;,
    &quot;taggingData&quot;: {
      &quot;category&quot;: &quot;ecommerce&quot;,
      &quot;label&quot;: &quot;071249307045::Monos Eyeshadow&quot;,
      &quot;actions&quot;: {
        &quot;add&quot;: &quot;add to favorites&quot;,
        &quot;remove&quot;: &quot;remove from favorites&quot;
      }
    },
    &quot;toastTimeout&quot;: 5000,
    &quot;nodesToRemove&quot;: &quot;&quot;,
    &quot;overwriteItemType&quot;: 1
  },
  &quot;ctaClasses&quot;: [
    &quot;-primary&quot;
  ],
  &quot;buyNowUrl&quot;: &quot;/makeup/eye/mascara/voluminous-original-washable-bold-eye-mascara?buy=true&quot;,
  &quot;isMex&quot;: false
}'
                                  :layouts='["in-slider"]' v-is-intersecting-x>
                        </oap-card>
                    </li>
                    <li class="oap-slider__item">
                        <oap-card type='product'
                                  display-review-count="display-review-count"
                                  :item='{
  &quot;id&quot;: &quot;071249330265&quot;,
  &quot;type&quot;: &quot;product&quot;,
  &quot;brand&quot;: &quot;Voluminous&quot;,
  &quot;title&quot;: &quot;Lash Primer&quot;,
  &quot;image&quot;: {
    &quot;fileName&quot;: &quot;/-/media/project/loreal/brand-sites/oap/americas/us/products/makeup/eye/mascara/voluminous-lash-primer/primer/071249330265_t1.png?rev=c4ba8d3948524f14adeacc8b0e669b2f&quot;,
    &quot;packshotClass&quot;: &quot;oap-packshot--small&quot;,
    &quot;alt&quot;: &quot;071249330265_T1&quot;,
    &quot;sizes&quot;: &quot;50vw, (min-width: 650px) 33vw, (min-width: 900) 25vw&quot;,
    &quot;resolutions&quot;: [
      {
        &quot;width&quot;: 60,
        &quot;hash&quot;: &quot;B4F3070F2293C1C5AB4710F836D052356A15F2C4&quot;
      },
      {
        &quot;width&quot;: 80,
        &quot;hash&quot;: &quot;C50436F7F7E764E9C39BB3D518DA5949A9874B37&quot;
      },
      {
        &quot;width&quot;: 100,
        &quot;hash&quot;: &quot;3AE821081D8153201D5081C3E495038CC693F94F&quot;
      }
    ],
    &quot;fallbackSize&quot;: {
      &quot;width&quot;: 60,
      &quot;hash&quot;: &quot;B4F3070F2293C1C5AB4710F836D052356A15F2C4&quot;
    }
  },
  &quot;url&quot;: &quot;/makeup/eye/mascara/voluminous-lash-primer&quot;,
  &quot;action&quot;: {
    &quot;text&quot;: &quot;View Product&quot;,
    &quot;buyNowText&quot;: &quot;Buy Product&quot;
  },
  &quot;tag&quot;: {
    &quot;common&quot;: {
      &quot;data&quot;: {
        &quot;category&quot;: &quot;make-up/eye&quot;,
        &quot;label&quot;: &quot;Product Click&quot;,
        &quot;currency&quot;: &quot;USD&quot;
      },
      &quot;product&quot;: {
        &quot;brand&quot;: &quot;OAP&quot;,
        &quot;name&quot;: &quot;Lash Primer&quot;,
        &quot;price&quot;: &quot;9.99&quot;,
        &quot;category&quot;: &quot;make-up/eye&quot;,
        &quot;id&quot;: &quot;071249330265&quot;,
        &quot;position&quot;: 2,
        &quot;dimension38&quot;: &quot;4.5&quot;,
        &quot;dimension48&quot;: &quot;071249330265&quot;,
        &quot;dimension49&quot;: &quot;present&quot;,
        &quot;dimension91&quot;: &quot;none&quot;
      }
    },
    &quot;productclick&quot;: {
      &quot;data&quot;: {
        &quot;list&quot;: &quot;highlight&quot;,
        &quot;label&quot;: &quot;lash primer::071249330265&quot;
      }
    },
    &quot;productimpression&quot;: {
      &quot;product&quot;: {
        &quot;list&quot;: &quot;cross-sell&quot;
      },
      &quot;data&quot;: {
        &quot;label&quot;: &quot;__pageCategory__&quot;
      }
    }
  },
  &quot;rating&quot;: {
    &quot;bv&quot;: true,
    &quot;max&quot;: 5,
    &quot;score&quot;: 4,
    &quot;srText&quot;: &quot;Average rating:&quot;,
    &quot;count&quot;: 2113
  },
  &quot;label&quot;: &quot;Try It&quot;,
  &quot;gradient&quot;: true,
  &quot;itemId&quot;: &quot;{9DF2CBF0-F07E-49D5-ACCF-A77CE507B35E}&quot;,
  &quot;price&quot;: &quot;9.99&quot;,
  &quot;IsFavoriteEnabled&quot;: false,
  &quot;favorite&quot;: {
    &quot;apiEndpoints&quot;: {
      &quot;all&quot;: &quot;/apioap/favorite/getall&quot;,
      &quot;add&quot;: &quot;/apioap/favorite/insert&quot;,
      &quot;addList&quot;: &quot;/apioap/favorite/insertList&quot;,
      &quot;remove&quot;: &quot;/apioap/favorite/remove&quot;
    },
    &quot;item&quot;: {
      &quot;ItemId&quot;: &quot;9df2cbf0-f07e-49d5-accf-a77ce507b35e&quot;,
      &quot;Type&quot;: 1
    },
    &quot;displayIconLayout&quot;: false,
    &quot;labels&quot;: {
      &quot;add&quot;: &quot;Save&quot;,
      &quot;remove&quot;: &quot;Unsave&quot;
    },
    &quot;loginUrl&quot;: &quot;/mi-cuenta/favorites-login&quot;,
    &quot;returnPage&quot;: &quot;&quot;,
    &quot;taggingData&quot;: {
      &quot;category&quot;: &quot;ecommerce&quot;,
      &quot;label&quot;: &quot;071249307045::Monos Eyeshadow&quot;,
      &quot;actions&quot;: {
        &quot;add&quot;: &quot;add to favorites&quot;,
        &quot;remove&quot;: &quot;remove from favorites&quot;
      }
    },
    &quot;toastTimeout&quot;: 5000,
    &quot;nodesToRemove&quot;: &quot;&quot;,
    &quot;overwriteItemType&quot;: 1
  },
  &quot;ctaClasses&quot;: [
    &quot;-primary&quot;
  ],
  &quot;buyNowUrl&quot;: &quot;/makeup/eye/mascara/voluminous-lash-primer?buy=true&quot;,
  &quot;isMex&quot;: false
}'
                                  :layouts='["in-slider"]' v-is-intersecting-x>
                        </oap-card>
                    </li>
                    <li class="oap-slider__item">
                        <oap-card type='product'
                                  display-review-count="display-review-count"
                                  :item='{
  &quot;id&quot;: &quot;071249392294&quot;,
  &quot;type&quot;: &quot;product&quot;,
  &quot;brand&quot;: &quot;Brow Stylist&quot;,
  &quot;title&quot;: &quot;Definer Mechanical Waterproof Eyebrow Pencil&quot;,
  &quot;image&quot;: {
    &quot;fileName&quot;: &quot;/-/media/project/loreal/brand-sites/oap/americas/us/products/makeup/eye/eyebrow/brow-stylist-definer/light-blonde/071249392294_t1(1).png?rev=8d57d7b9335e45c4a291500a1771228b&quot;,
    &quot;packshotClass&quot;: &quot;oap-packshot--small&quot;,
    &quot;alt&quot;: &quot;071249392294 T1(1)&quot;,
    &quot;sizes&quot;: &quot;50vw, (min-width: 650px) 33vw, (min-width: 900) 25vw&quot;,
    &quot;resolutions&quot;: [
      {
        &quot;width&quot;: 60,
        &quot;hash&quot;: &quot;9FBD01180BFF463E8B3668519273DB6F35618934&quot;
      },
      {
        &quot;width&quot;: 80,
        &quot;hash&quot;: &quot;DC7D4E6255698FCD5C4B0D4A66DE318A09E9909E&quot;
      },
      {
        &quot;width&quot;: 100,
        &quot;hash&quot;: &quot;F0CDC7AD3F7EB4F261AF10BA4E7AFE6E9211FE44&quot;
      }
    ],
    &quot;fallbackSize&quot;: {
      &quot;width&quot;: 60,
      &quot;hash&quot;: &quot;9FBD01180BFF463E8B3668519273DB6F35618934&quot;
    }
  },
  &quot;url&quot;: &quot;/makeup/eye/eyebrow/brow-stylist-definer&quot;,
  &quot;action&quot;: {
    &quot;text&quot;: &quot;View Product&quot;,
    &quot;buyNowText&quot;: &quot;Buy Product&quot;
  },
  &quot;tag&quot;: {
    &quot;common&quot;: {
      &quot;data&quot;: {
        &quot;category&quot;: &quot;make-up/eye&quot;,
        &quot;label&quot;: &quot;Product Click&quot;,
        &quot;currency&quot;: &quot;USD&quot;
      },
      &quot;product&quot;: {
        &quot;brand&quot;: &quot;OAP&quot;,
        &quot;name&quot;: &quot;Definer Mechanical Waterproof Eyebrow Pencil&quot;,
        &quot;price&quot;: &quot;9.49&quot;,
        &quot;category&quot;: &quot;make-up/eye&quot;,
        &quot;id&quot;: &quot;071249392294&quot;,
        &quot;position&quot;: 3,
        &quot;dimension35&quot;: &quot;0.003 oz.&quot;,
        &quot;dimension36&quot;: &quot;Light Blonde&quot;,
        &quot;dimension38&quot;: &quot;4.5&quot;,
        &quot;dimension48&quot;: &quot;071249392294&quot;,
        &quot;dimension49&quot;: &quot;present&quot;,
        &quot;dimension91&quot;: &quot;none&quot;
      }
    },
    &quot;productclick&quot;: {
      &quot;data&quot;: {
        &quot;list&quot;: &quot;highlight&quot;,
        &quot;label&quot;: &quot;definer mechanical waterproof eyebrow pencil::071249392294&quot;
      }
    },
    &quot;productimpression&quot;: {
      &quot;product&quot;: {
        &quot;list&quot;: &quot;cross-sell&quot;
      },
      &quot;data&quot;: {
        &quot;label&quot;: &quot;__pageCategory__&quot;
      }
    }
  },
  &quot;rating&quot;: {
    &quot;bv&quot;: true,
    &quot;max&quot;: 5,
    &quot;score&quot;: 4,
    &quot;srText&quot;: &quot;Average rating:&quot;,
    &quot;count&quot;: 852
  },
  &quot;label&quot;: &quot;Try It&quot;,
  &quot;gradient&quot;: true,
  &quot;itemId&quot;: &quot;{DDC39523-39C7-4E31-8926-8E5372F47724}&quot;,
  &quot;price&quot;: &quot;9.49&quot;,
  &quot;IsFavoriteEnabled&quot;: false,
  &quot;favorite&quot;: {
    &quot;apiEndpoints&quot;: {
      &quot;all&quot;: &quot;/apioap/favorite/getall&quot;,
      &quot;add&quot;: &quot;/apioap/favorite/insert&quot;,
      &quot;addList&quot;: &quot;/apioap/favorite/insertList&quot;,
      &quot;remove&quot;: &quot;/apioap/favorite/remove&quot;
    },
    &quot;item&quot;: {
      &quot;ItemId&quot;: &quot;ddc39523-39c7-4e31-8926-8e5372f47724&quot;,
      &quot;Type&quot;: 1
    },
    &quot;displayIconLayout&quot;: false,
    &quot;labels&quot;: {
      &quot;add&quot;: &quot;Save&quot;,
      &quot;remove&quot;: &quot;Unsave&quot;
    },
    &quot;loginUrl&quot;: &quot;/mi-cuenta/favorites-login&quot;,
    &quot;returnPage&quot;: &quot;&quot;,
    &quot;taggingData&quot;: {
      &quot;category&quot;: &quot;ecommerce&quot;,
      &quot;label&quot;: &quot;071249307045::Monos Eyeshadow&quot;,
      &quot;actions&quot;: {
        &quot;add&quot;: &quot;add to favorites&quot;,
        &quot;remove&quot;: &quot;remove from favorites&quot;
      }
    },
    &quot;toastTimeout&quot;: 5000,
    &quot;nodesToRemove&quot;: &quot;&quot;,
    &quot;overwriteItemType&quot;: 1
  },
  &quot;ctaClasses&quot;: [
    &quot;-primary&quot;
  ],
  &quot;buyNowUrl&quot;: &quot;/makeup/eye/eyebrow/brow-stylist-definer?buy=true&quot;,
  &quot;isMex&quot;: false
}'
                                  :layouts='["in-slider"]' v-is-intersecting-x>
                        </oap-card>
                    </li>
            </ul>
            <template #controls>
                <oap-carousel-controls type="arrows"
                                       layout="centered"
                                       item-selector=".oap-slider__item"
                                       media-query-list="(max-width: 31.938rem)"></oap-carousel-controls>
            </template>

        <template #link>


            <a href="" class="oap-button -secondary"
               aria-label=""
               style="display:none"
               data-tag-wrapper
               data-tag-action="Complete the look"
               data-tag-label="select::see all products"
               data-tag-category="__pageCategory__"
               data-tag-event-name="body_button_click"
               data-tag-module-name="Complete the look"
               data-tag-cta-name=""
               data-tag-link-url=""
               v-tag:useractionevent.dom>
                
            </a>
        </template>
    </oap-slider>
    <div
         class="curalate"
         data-crl8-container-id="product"
         data-crl8-lazy-load-experience="true"
         v-lazy-script.visible="{
            name: 'curalate',
            src: '//edge.curalate.com/sites/LOrealParis-4p491H/site/latest/site.min.js',
         }"
 data-crl8-filter="productId:&#39;071249307045&#39;" 
 data-crl8-locale="en-US" 
    ></div>

    
    
<div class="oap-product-toolbar oap-product-toolbar--layout-hide-starting-from-tablet">
    <div class="oap-product-toolbar__product">
                <div class="oap-product-toolbar__shade">
                    <svg width="12" height="12" role="img" aria-labelledby="aria-product-shade" fill="#abc4c4" class="">
                        <title id="aria-product-shade">Argentic (Shimmer)</title>
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#disc"></use>
                    </svg>
                </div>
                <div class="oap-product-toolbar__brand">
            Colour Riche
        </div>
        <div class="oap-product-toolbar__name">
            <strong>Monos Eyeshadow</strong>
        </div>
    </div>
        

<section class="oap-toolbar-tabs" v-toolbar-tabs="{isFixed: true}">
    <nav>
        <ul role="tablist" class="oap-toolbar-tabs__list">
                    <li role="tab" aria-selected="false" aria-controls="vto-tab" id="vto-tab" class="oap-toolbar-tabs__tab">

                        <div class="oap-service-cta ">
                                <button class="oap-button -primary -theme-brand -has-icon "
                                        v-bus.click="'vto:enter'"
                                        data-tag-wrapper
                                        data-tag-category="virtual try on::modiface::make-up"
                                        data-tag-action="__pageCategory__::select::virtual try on"
                                        data-tag-event-name="site_load_service"
                                        data-tag-service-name="virtualtryon"
                                        data-tag-service-category="guide"
                                        data-tag-cta-name="Live try on"
                                        data-tag-product-info="Monos Eyeshadow::071249307045"
                                        data-tag-label="load::monos eyeshadow" v-tag:useractionevent.dom>
                                    <img class="oap-button__img lazyload" alt="Crimson Makeuptryon"
                                         src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mM88x8AAp0BzdNtlUkAAAAASUVORK5CYII="
                                         data-src="/-/media/project/loreal/brand-sites/oap/americas/us/zapper/service-images/crimson-makeuptryon.png?rev=a8592deade144f50951df1a13338147b">
                                    <span class="oap-button__label">Live try on</span>
                                </button>
                        </div>

                    </li>


                        <li role="tab"
                            aria-selected="false"
                            aria-controls="channel-advisor"
                            id="channel-advisor"
                            class="oap-toolbar-tabs__tab"
                            data-tab-open-external>
                            
    <div class="oap-buy-cta__channel-advisor">
        <button v-bus.click="'oap-channel-advisor:open'"
                v-tag:useractionevent.dom
                data-tag-wrapper
                data-tag-action="click to buy"
                data-tag-label="Monos Eyeshadow::071249307045"
                data-tag-category="Ecommerce"
                data-tag-event-name="buy_now"
                data-tag-product-info="Monos Eyeshadow::071249307045"
                data-tab-open-external
                class="oap-button -primary -fluid "
                 v-show-on-cookie-expiration="{cookieName: 'offlineVisit'}"  >
            <span class="oap-button__label">Buy online</span>
        </button>
    </div>

                        </li>
        </ul>
    </nav>

    <ul>


    </ul>
</section>

</div>

    


        <nav role="navigation" aria-label="Breadcrumb" class="breadcrumb">
            <ol class="breadcrumb__inner">
                        <li class="breadcrumb__item" data-tag-wrapper>
                            <a data-tag-ecommerce="undefined"
                               data-tag-category="__pageCategory__"
                               data-tag-action="breadcrumb"
                               data-tag-label="home"
                               v-tag:useractionevent.dom
                               href="/">
                                <span>Home</span>
                            </a>
                            <span class="breadcrumb__seperator">/</span>
                        </li>
                        <li class="breadcrumb__item" data-tag-wrapper>
                            <a data-tag-ecommerce="undefined"
                               data-tag-category="__pageCategory__"
                               data-tag-action="breadcrumb"
                               data-tag-label="home::makeup"
                               v-tag:useractionevent.dom
                               href="/makeup">
                                <span>Makeup</span>
                            </a>
                            <span class="breadcrumb__seperator">/</span>
                        </li>
                        <li class="breadcrumb__item" data-tag-wrapper>
                            <a data-tag-ecommerce="undefined"
                               data-tag-category="__pageCategory__"
                               data-tag-action="breadcrumb"
                               data-tag-label="home::makeup::eye makeup"
                               v-tag:useractionevent.dom
                               href="/makeup/eye">
                                <span>Eye Makeup</span>
                            </a>
                            <span class="breadcrumb__seperator">/</span>
                        </li>
                        <li class="breadcrumb__item" data-tag-wrapper>
                            <a data-tag-ecommerce="undefined"
                               data-tag-category="__pageCategory__"
                               data-tag-action="breadcrumb"
                               data-tag-label="home::makeup::eye makeup::eye-shadow"
                               v-tag:useractionevent.dom
                               href="/makeup/eye/eye-shadow">
                                <span>eye-shadow</span>
                            </a>
                            <span class="breadcrumb__seperator">/</span>
                        </li>
                        <li class="breadcrumb__item">
                            <strong>
                                <span>Monos Eyeshadow</span>
                            </strong>
                        </li>
                
            </ol>
        </nav>
        <component is="script" type="application/ld+json">
            {
            "@context": "http://schema.org",
            "@type": "BreadcrumbList",
            "itemListElement": [
                

                    {
                    "@type":"ListItem",
                    "position": 1,
                    "item": {
                    "@id": "/",
                    "name": "Home"
                    }
                    }
                    ,
                

                    {
                    "@type":"ListItem",
                    "position": 2,
                    "item": {
                    "@id": "https://www.lorealparisusa.com/makeup",
                    "name": "Makeup"
                    }
                    }
                    ,
                

                    {
                    "@type":"ListItem",
                    "position": 3,
                    "item": {
                    "@id": "https://www.lorealparisusa.com/makeup/eye",
                    "name": "Eye Makeup"
                    }
                    }
                    ,
                

                    {
                    "@type":"ListItem",
                    "position": 4,
                    "item": {
                    "@id": "https://www.lorealparisusa.com/makeup/eye/eye-shadow",
                    "name": "Eye Shadow"
                    }
                    }
                    ,
                

                    {
                    "@type":"ListItem",
                    "position": 5,
                    "item": {
                    "@id": "https://www.lorealparisusa.com/makeup/eye/eye-shadow/colour-riche-eyeshadow",
                    "name": "Colour-Riche-Eyeshadow"
                    }
                    }
            ]
            }
        </component>


</div>









                          

                          <!-- Sprinklr API call -->
                          
                          <!-- Sprinklr API call -->
                      </div>
                      
                      <oap-toast-notification></oap-toast-notification>
                  </main>
                  
                  


<footer class="footer" role="contentinfo" v-view-position-helper.body='"footer"'>

        
<div class="footer__topContent container"
      v-background="{
         '0':   '/-/media/project/loreal/brand-sites/oap/shared/baseline/defaults/footer-images/footer_mobile_dark.jpg?rev=68fab974d630441b972e853d9a8f0def',
        '1000': '/-/media/project/loreal/brand-sites/oap/shared/baseline/defaults/footer-images/footer_tablet_dark.jpg?rev=8abdb732220c4d9f93aecef12043e91e',
        '1440': '/-/media/project/loreal/brand-sites/oap/shared/baseline/defaults/footer-images/footer_desktop_dark.jpg?rev=f1215a0b4a27473ba679f739c7673853'
        }">
    <div class="footer__slogan container">BECAUSE YOU&#39;RE WORTH IT</div>

    <img role="img" class="footer__logo" src="/frontend/static/icons/loreal-paris-logo.svg" alt="L'Oréal Paris">
    


<div class="footer__collapsables">

    <oap-accordion :items="[{&quot;title&quot;:&quot;More to Explore&quot;,&quot;items&quot;:[{&quot;title&quot;:&quot;About us&quot;,&quot;href&quot;:&quot;/about-us&quot;,&quot;tag&quot;:{&quot;category&quot;:&quot;main menu navigation&quot;,&quot;action&quot;:&quot;select::footer&quot;,&quot;label&quot;:&quot;More to Explore::About us&quot;},&quot;isIframe&quot;:false},{&quot;title&quot;:&quot;Beauty Magazine&quot;,&quot;href&quot;:&quot;/beauty-magazine&quot;,&quot;tag&quot;:{&quot;category&quot;:&quot;main menu navigation&quot;,&quot;action&quot;:&quot;select::footer&quot;,&quot;label&quot;:&quot;More to Explore::Beauty Magazine&quot;},&quot;isIframe&quot;:false},{&quot;title&quot;:&quot;The Other Side&quot;,&quot;href&quot;:&quot;/the-other-side-of-loreal&quot;,&quot;tag&quot;:{&quot;category&quot;:&quot;main menu navigation&quot;,&quot;action&quot;:&quot;select::footer&quot;,&quot;label&quot;:&quot;More to Explore::The Other Side&quot;},&quot;isIframe&quot;:false},{&quot;title&quot;:&quot;Virtual Try-On&quot;,&quot;href&quot;:&quot;/virtual-try-on-makeup&quot;,&quot;tag&quot;:{&quot;category&quot;:&quot;main menu navigation&quot;,&quot;action&quot;:&quot;select::footer&quot;,&quot;label&quot;:&quot;More to Explore::Virtual Try-On&quot;},&quot;isIframe&quot;:false},{&quot;title&quot;:&quot;Skin Genius&quot;,&quot;href&quot;:&quot;/skin-genius-landing-page&quot;,&quot;tag&quot;:{&quot;category&quot;:&quot;main menu navigation&quot;,&quot;action&quot;:&quot;select::footer&quot;,&quot;label&quot;:&quot;More to Explore::Skin Genius&quot;},&quot;isIframe&quot;:false},{&quot;title&quot;:&quot;Offers&quot;,&quot;href&quot;:&quot;/my-offers&quot;,&quot;tag&quot;:{&quot;category&quot;:&quot;main menu navigation&quot;,&quot;action&quot;:&quot;select::footer&quot;,&quot;label&quot;:&quot;More to Explore::Offers&quot;},&quot;isIframe&quot;:false}]},{&quot;title&quot;:&quot;Beauty Magazine&quot;,&quot;items&quot;:[{&quot;title&quot;:&quot;All Articles&quot;,&quot;href&quot;:&quot;/beauty-magazine&quot;,&quot;tag&quot;:{&quot;category&quot;:&quot;main menu navigation&quot;,&quot;action&quot;:&quot;select::footer&quot;,&quot;label&quot;:&quot;Beauty Magazine::All Articles&quot;},&quot;isIframe&quot;:false},{&quot;title&quot;:&quot;Makeup Articles&quot;,&quot;href&quot;:&quot;/beauty-magazine/makeup&quot;,&quot;tag&quot;:{&quot;category&quot;:&quot;main menu navigation&quot;,&quot;action&quot;:&quot;select::footer&quot;,&quot;label&quot;:&quot;Beauty Magazine::Makeup Articles&quot;},&quot;isIframe&quot;:false},{&quot;title&quot;:&quot;Skincare Articles&quot;,&quot;href&quot;:&quot;/beauty-magazine/skin-care&quot;,&quot;tag&quot;:{&quot;category&quot;:&quot;main menu navigation&quot;,&quot;action&quot;:&quot;select::footer&quot;,&quot;label&quot;:&quot;Beauty Magazine::Skincare Articles&quot;},&quot;isIframe&quot;:false},{&quot;title&quot;:&quot;Hair Color Articles&quot;,&quot;href&quot;:&quot;/beauty-magazine/hair-color&quot;,&quot;tag&quot;:{&quot;category&quot;:&quot;main menu navigation&quot;,&quot;action&quot;:&quot;select::footer&quot;,&quot;label&quot;:&quot;Beauty Magazine::Hair Color Articles&quot;},&quot;isIframe&quot;:false},{&quot;title&quot;:&quot;Hair Style Articles&quot;,&quot;href&quot;:&quot;/beauty-magazine/hair-style&quot;,&quot;tag&quot;:{&quot;category&quot;:&quot;main menu navigation&quot;,&quot;action&quot;:&quot;select::footer&quot;,&quot;label&quot;:&quot;Beauty Magazine::Hair Style Articles&quot;},&quot;isIframe&quot;:false},{&quot;title&quot;:&quot;Hair Care Articles&quot;,&quot;href&quot;:&quot;/beauty-magazine/hair-care&quot;,&quot;tag&quot;:{&quot;category&quot;:&quot;main menu navigation&quot;,&quot;action&quot;:&quot;select::footer&quot;,&quot;label&quot;:&quot;Beauty Magazine::Hair Care Articles&quot;},&quot;isIframe&quot;:false}]},{&quot;title&quot;:&quot;Customer Service&quot;,&quot;items&quot;:[{&quot;title&quot;:&quot;Contact Us&quot;,&quot;href&quot;:&quot;/contact-us&quot;,&quot;tag&quot;:{&quot;category&quot;:&quot;main menu navigation&quot;,&quot;action&quot;:&quot;select::footer&quot;,&quot;label&quot;:&quot;Customer Service::Contact Us&quot;},&quot;isIframe&quot;:false},{&quot;title&quot;:&quot;&quot;,&quot;href&quot;:&quot;&quot;,&quot;tag&quot;:{&quot;category&quot;:&quot;main menu navigation&quot;,&quot;action&quot;:&quot;select::footer&quot;,&quot;label&quot;:&quot;Customer Service::&quot;},&quot;isIframe&quot;:false},{&quot;title&quot;:&quot;My Account&quot;,&quot;href&quot;:&quot;/my-account&quot;,&quot;tag&quot;:{&quot;category&quot;:&quot;main menu navigation&quot;,&quot;action&quot;:&quot;select::footer&quot;,&quot;label&quot;:&quot;Customer Service::My Account&quot;},&quot;isIframe&quot;:false},{&quot;title&quot;:&quot;&quot;,&quot;href&quot;:&quot;&quot;,&quot;tag&quot;:{&quot;category&quot;:&quot;main menu navigation&quot;,&quot;action&quot;:&quot;select::footer&quot;,&quot;label&quot;:&quot;Customer Service::&quot;},&quot;isIframe&quot;:false}]}]">
    </oap-accordion>

</div>

    

<section class="footer__social">
    <ul>
    <li class="footer__social-item">
        <a href="https://www.facebook.com/LOrealParisUSA/" target="_blank"
           data-tag-wrapper
                               data-tag-ecommerce="undefined"
                               data-tag-event-name="social_interaction"
                               data-tag-social-network="facebook"
                               data-tag-social-action="share"
                               data-tag-network="facebook"
                               data-tag-action="share"
                               v-tag:socialintevent.dom>
            <img role="img" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/-/media/project/loreal/brand-sites/oap/shared/baseline/navigationext/facebook.svg?rev=8e5d274b161d4912864caf42e77c8f8f" alt="">
            <span class="is-sr-only">Facebook</span>
        </a>
    </li>
    <li class="footer__social-item">
        <a href="https://www.instagram.com/lorealparis/" target="_blank"
           data-tag-wrapper
                               data-tag-ecommerce="undefined"
                               data-tag-event-name="social_interaction"
                               data-tag-social-network="instagram"
                               data-tag-social-action="share"
                               data-tag-network="instagram"
                               data-tag-action="share"
                               v-tag:socialintevent.dom>
            <img role="img" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/-/media/project/loreal/brand-sites/oap/shared/baseline/navigationext/instagram.svg?rev=a34c8d5b14c546698234ded37e030cac" alt="">
            <span class="is-sr-only">Instagram</span>
        </a>
    </li>
    <li class="footer__social-item">
        <a href="https://www.youtube.com/user/lorealparisnyc" target="_blank"
           data-tag-wrapper
                               data-tag-ecommerce="undefined"
                               data-tag-event-name="social_interaction"
                               data-tag-social-network="youtube"
                               data-tag-social-action="share"
                               data-tag-network="youtube"
                               data-tag-action="share"
                               v-tag:socialintevent.dom>
            <img role="img" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/-/media/project/loreal/brand-sites/oap/shared/baseline/navigationext/youtube.svg?rev=718f3907ceb14b50be6f0b5b1580cf06" alt="">
            <span class="is-sr-only">YouTube</span>
        </a>
    </li>
    <li class="footer__social-item">
        <a href="https://twitter.com/lorealparisusa" target="_blank"
           data-tag-wrapper
                               data-tag-ecommerce="undefined"
                               data-tag-event-name="social_interaction"
                               data-tag-social-network="twitter"
                               data-tag-social-action="share"
                               data-tag-network="twitter"
                               data-tag-action="share"
                               v-tag:socialintevent.dom>
            <img role="img" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/-/media/project/loreal/brand-sites/oap/shared/baseline/navigationext/twitter.svg?rev=d122e2aee4d14e949a9bd33223e334b7" alt="">
            <span class="is-sr-only">Twitter</span>
        </a>
    </li>
    <li class="footer__social-item">
        <a href="https://www.pinterest.com/lorealparisusa/" target="_blank"
           data-tag-wrapper
                               data-tag-ecommerce="undefined"
                               data-tag-event-name="social_interaction"
                               data-tag-social-network=" pinterest"
                               data-tag-social-action="share"
                               data-tag-network=" pinterest"
                               data-tag-action="share"
                               v-tag:socialintevent.dom>
            <img role="img" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/-/media/project/loreal/brand-sites/oap/shared/baseline/navigationext/pinterest.svg?rev=c6823fa5029748999accd865b6844701" alt="">
            <span class="is-sr-only"> Pinterest</span>
        </a>
    </li>
    <li class="footer__social-item">
        <a href="https://www.snapchat.com/add/lorealmakeup" target="_blank"
           data-tag-wrapper
                               data-tag-ecommerce="undefined"
                               data-tag-event-name="social_interaction"
                               data-tag-social-network=" snapchat"
                               data-tag-social-action="share"
                               data-tag-network=" snapchat"
                               data-tag-action="share"
                               v-tag:socialintevent.dom>
            <img role="img" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/-/media/project/loreal/brand-sites/oap/americas/us/icons/snapchat-1.png?rev=7a07c59162584ef08a2dbe79d51adfba" alt="">
            <span class="is-sr-only"> Snapchat</span>
        </a>
    </li>
    </ul>
</section>

</div>

    <div class="container">
        <section class="footer__newsletter">
            
        </section>
    </div>

    <div class="footer__bottomContent container">
        <section class="footer__contrast-switcher">
            
        </section>

        <div class="footer__group">
            
            
<section class="footer__info">
    <ul class="footer__info-list">
            <li class="footer__info-list-item">
                <a href="/privacy-policy">Privacy Policy</a>
            </li>
            <li class="footer__info-list-item">
                <a href="/l-oreal-group-digital-accessibility-statement">Accessibility Statement</a>
            </li>
            <li class="footer__info-list-item">
                <a href="">Cookie Settings</a>
            </li>
            <li class="footer__info-list-item">
                <a href="/terms-of-use">Terms and Conditions</a>
            </li>
            <li class="footer__info-list-item">
                <a href="/user-content-permission-terms">User Content Permission Terms</a>
            </li>
        </ul>
</section>

            
<span class="footer__info-list-item footer__copyright">@ 2023 L'Oréal Paris</span>

        </div>
    </div>
</footer>


                  


                  

                  

 
<div class="custom-notification" > 
    <div class="custom-notification-text">
        <p>This site is for US consumers. Cookies, related technologies and device identification are used for Personalized Advertising. To learn more, or opt-out, visit
<a rel="noopener noreferrer" rel="noopener noreferrer" style="color: #e32847;" href=" https://optout.networkadvertising.org/?c=1" target="_blank">AdChoices</a> and our&nbsp;<a style="color: #e32847;" href="/privacy-policy">privacy policy</a>,&nbsp;<a style="color: #e32847;" href="/terms-of-use">terms of use</a> and <a style="color: #e32847;" href="https://privacyportal-cdn.onetrust.com/dsarwebform/ed9ecbd1-41b6-4cd7-b5b5-f0403c4477ae/7d9092f9-3fb4-432a-b3a2-b4968fa8ea8b.html">CA privacy</a></p>
<p>&nbsp;</p>
<a style="color: #e32847;" href="/your-privacy-choices">Your Privacy Choices  <img alt="" height="14" loading="lazy" src="/-/media/project/loreal/brand-sites/oap/americas/us/privacy-options.png?la=en-us&rev=f1b8d371830b47ae8a1c6f6bf73cd303&hash=8926556A135AFBC30079B36933E35812CE8F34F9" width="30" />   </a><a style="color: #e32847;" href="/notice-at-collection">Notice at Collection </a>
    </div>
</div>

                  
                  
                  <!-- Shade finder -->
                  

                  <!-- Shade finder -->
                 </div>
    
<!-- Exception rendering controller 'Tagging.EnhancedEcommerce': An unhandled exception occurred. -->
<!-- Inner Exception: Service has been disposed, cannot create object -->

    <script async type="text/javascript">
        window.bvDCC = {
            catalogData: {
                locale: "en_US",
                catalogProducts: [{"productId":"071249307045","productName":"Colour Riche Eyeshadow","productDescription":"Gel to Powder Technology. Exquisite Color Richness. Soft and Velvety Texture. Shimmery and Matte Finishes.","productImageURL":"https://www.lorealparisusa.com/-/media/project/loreal/brand-sites/oap/americas/us/products/makeup/eye/eye-shadow/colour-riche-eyeshadow/argentic/071249307045_t1.png?rev=fbc5abdf3389481abdc3b15d4adc8870","productPageURL":"https://www.lorealparisusa.com/makeup/eye/eye-shadow/colour-riche-eyeshadow","brandName":"ColourRiche","categoryPath":[{"Name":"Makeup"},{"Name":"Eye Makeup"},{"Name":"Eye Shadow"}],"upcs":["071249307045"],"inactive":false,"family":"071249307045"}],
            }
        };

        window.bvCallback = function (BV) {
            BV.pixel.trackEvent("CatalogUpdate", {
                type: 'Product',
                locale: window.bvDCC.catalogData.locale,
                catalogProducts: window.bvDCC.catalogData.catalogProducts
            });
        };
    </script>


            </div>
    <!-- BEGIN Skindr Script -->
    
    <!-- END Skindr Script -->
    <!-- BEGIN Messenger Script -->
    
    <!-- END Messenger Script -->  
    <!-- Messenger Chat -->
    
    <!-- Messenger Chat call -->
    <!-- Iadvize custom tag -->
    
    <!-- Iadvize custom tag -->
    <!-- Iadvize main tag -->
    
    <!-- Iadvize main tag -->
    <!-- /#wrapper -->
</body>
</html>
