{"product_id":"maybelline-lash-sensational-sky-high-washable-mascara-makeup-volumizing-lengthening-defining-curling-multiplying-buildable-formula-blackest-black-1-count","title":"Maybelline Lash Sensational Washable Mascara Makeup, Volumizing, Lengthening, Defining, Curling, Multiplying, Buildable Formula, Blackest Black, 1 Count","description":"\u003cdiv class=\"a-section a-spacing-large bucket\" id=\"aplus\"\u003e\n\u003chr class=\"bucketDivider\" noshade size=\"1\"\u003e                                             \n\u003ch2\u003eFrom the brand\u003c\/h2\u003e\n   \n\n\u003cdiv\u003e                     \n\u003cstyle type=\"text\/css\"\u003e\u0026nbsp; \u0026nbsp; .aplus-v2 .container-with-background-image {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; width: 100%;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; height: 100%;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; background-repeat: no-repeat;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; background-size: cover;\n\u0026nbsp; \u0026nbsp; }\n\u003c\/style\u003e\n  \u003cscript type=\"application\/javascript\"\u003e\n\u0026nbsp; \u0026nbsp; function logShoppableMetrics(moduleName, showsAddToCart) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; if (window.ue \u0026amp;\u0026amp; window.ue.count) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; window.ue.count(\"aplus:shoppable:\" + moduleName + \":addToCart\", showsAddToCart ? 1 : 0);\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; }\n\u0026nbsp; \u0026nbsp; }\n\u003c\/script\u003e                               \n\u003cdiv cel_widget_id=\"aplus\" class=\"aplus-v2 desktop celwidget\"\u003e       \n\u003cstyle type=\"text\/css\"\u003e\u0026nbsp; \u0026nbsp; .aplus-v2 .apm-brand-story-carousel-container {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; position: relative;\n\u0026nbsp; \u0026nbsp; }\n\n\u0026nbsp; \u0026nbsp; .aplus-v2 .apm-brand-story-carousel-hero-container,\n\u0026nbsp; \u0026nbsp; .aplus-v2 .apm-brand-story-carousel-hero-container \u003e div {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; position: absolute;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; width: 100%;\n\u0026nbsp; \u0026nbsp; }\n\u003c\/style\u003e\n   \n\u003cstyle type=\"text\/css\"\u003e\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \/*\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; Ensuring the carousel takes only the space it needs.\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; The sizes need to be set again on the absolutely positioned elements so they can take up space.\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; *\/\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; .aplus-v2 .apm-brand-story-carousel-container,\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; .aplus-v2 .apm-brand-story-carousel-hero-container {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; height: 625px;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; width: 100%;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; max-width: 1464px;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; margin-left: auto;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; margin-right: auto;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; overflow: hidden;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; }\n\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; .aplus-v2 .apm-brand-story-carousel-hero-container,\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; .aplus-v2 .apm-brand-story-carousel-hero-container \u003e div {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; height: 625px;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; }\n\u0026nbsp; \u0026nbsp;\n\u003c\/style\u003e\n   \n\u003cstyle type=\"text\/css\"\u003e\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; .aplus-v2 .apm-brand-story-carousel.a-carousel-container {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; padding: 0px;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; }\n\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \/*\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; This centers the carousel vertically on top of the hero image container and after the logo area (125px).\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; Margin-top = (heroHeight - cardHeight - logoAreaHeight) \/ 2 + logoAreaHeight\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; *\/\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; .aplus-v2 .apm-brand-story-carousel .a-carousel-row-inner {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; margin-top: 149px;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; }\n\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \/*\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; Cards need to have a width set, otherwise they default to 50px or so.\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; All cards must have the same width. The carousel will resize itself so all cards take the width of the largest card.\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; The left margin is for leaving a space between each card.\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; *\/\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; .aplus-v2 .apm-brand-story-carousel .a-carousel-card {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; width: 362px;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; margin-left: 30px !important;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; }\n\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \/* styling the navigation buttons so they are taller, flush with the sides, and have a clean white background *\/\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left,\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; padding: 0px;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; }\n\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image,\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; border: none;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; margin: 0px;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; }\n\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image .a-button-inner,\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image .a-button-inner {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; background: #fff;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; padding: 20px 6px;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; }\n\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image .a-button-inner {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; border-radius: 0px 4px 4px 0px;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; }\n\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image .a-button-inner {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; border-radius: 4px 0px 0px 4px;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; }\n\u0026nbsp; \u0026nbsp;\n\u003c\/style\u003e\n\u003cdiv\u003e       \n\u003cdiv class=\"apm-brand-story-carousel-container\"\u003e                 \n\u003cdiv class=\"apm-brand-story-carousel-hero-container\"\u003e                             \n\u003cdiv cel_widget_id=\"aplus-brand-story-hero-1-image-logo\" class=\"celwidget aplus-module brand-story-hero-1-image-logo aplus-brand-story-hero\"\u003e             \n\u003cdiv class=\"apm-brand-story-hero\"\u003e   \n\u003cdiv class=\"apm-brand-story-background-image\"\u003e                                             \n\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"Maybelline Brand Story\" referrerpolicy=\"no-referrer\" src=\"https:\/\/m.media-am.com\/images\/S\/aplus-media-library-service-media\/1f343970-5cb0-4ab6-9501-e01a33507444.__CR0,0,1464,625_PT0_SX1464_V1___.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n     \u003c\/div\u003e\n\n\u003cdiv style=\"clear:both\"\u003e \u003c\/div\u003e\n   \u003c\/div\u003e\n                   \u003c\/div\u003e\n                   \n\n\u003cdiv aria-label=\"Featured content carousel\" aria-roledescription=\"carousel\" class=\"a-begin a-carousel-container a-carousel-static a-carousel-display-stretchyGoodness a-carousel-transition-slide apm-brand-story-carousel size-cards a-carousel-container\" data-a-carousel-options='{\"name\":\"brand-story-carousel\",\"single_page_align\":\"left\",\"circular\":false,\"minimum_gutter_width\":10,\"show_partial_next\":true}' id=\"apm-brand-story-carousel\" role=\"group\"\u003e\n\u003cinput autocomplete=\"on\" class=\"a-carousel-firstvisibleitem\" type=\"hidden\"\u003e\n\u003cdiv class=\"a-row a-carousel-controls a-carousel-row a-carousel-has-buttons\"\u003e\n\u003cdiv class=\"a-carousel-row-inner\"\u003e\n\u003cdiv class=\"a-carousel-col a-carousel-left\"\u003e \u003c\/div\u003e\n\n\u003cdiv class=\"a-carousel-col a-carousel-center\"\u003e\n\u003cdiv aria-roledescription=\"slide\" class=\"a-carousel-viewport\" role=\"group\"\u003e\n\u003col class=\"a-carousel\" role=\"list\"\u003e\n\t\u003cli\u003e \u003c\/li\u003e\n\t\u003cli aria-roledescription=\"slide\" class=\"a-carousel-card apm-brand-story-carousel-card-0\"\u003e   \u003c\/li\u003e\n\t\u003cli\u003e     \u003c\/li\u003e\n\t\u003cli aria-roledescription=\"slide\" class=\"a-carousel-card apm-brand-story-carousel-card-1\"\u003e           \n\t\u003cdiv cel_widget_id=\"aplus-brand-story-card-2-media-asset\" class=\"celwidget aplus-module brand-story-card-2-media-asset aplus-brand-story-card\"\u003e             \n\t\u003cdiv class=\"apm-brand-story-card\"\u003e   \n\t\u003cdiv class=\"apm-brand-story-background-image\"\u003e                                             \n\t\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"Maybelline Brand Story\" referrerpolicy=\"no-referrer\" src=\"https:\/\/m.media-am.com\/images\/S\/aplus-media-library-service-media\/3e72dadb-26f6-443c-8f26-c89a32432eef.__CR1,0,362,453_PT0_SX362_V1___.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\t\u003c\/div\u003e\n\t     \u003c\/div\u003e\n\n\t\u003cdiv style=\"clear:both\"\u003e \u003c\/div\u003e\n\t   \u003c\/div\u003e\n\t\u003c\/li\u003e\n\t\u003cli\u003e   \u003c\/li\u003e\n\t\u003cli aria-roledescription=\"slide\" class=\"a-carousel-card apm-brand-story-carousel-card-2\"\u003e           \n\t\u003cdiv cel_widget_id=\"aplus-brand-story-card-1-four-asin\" class=\"celwidget aplus-module brand-story-card-1-four-asin aplus-brand-story-card\"\u003e                 \n\t\u003cdiv class=\"apm-brand-story-card\"\u003e   \n\t\u003cdiv class=\"apm-brand-story-image-grid\" role=\"list\"\u003e         \n\t\u003cdiv class=\"apm-brand-story-image-grid-item\" role=\"listitem\"\u003e                 \u003c\/div\u003e\n\t         \n\n\t\u003cdiv class=\"apm-brand-story-image-grid-item\" role=\"listitem\"\u003e                 \u003c\/div\u003e\n\t         \n\n\t\u003cdiv class=\"apm-brand-story-image-grid-item\" role=\"listitem\"\u003e                 \u003c\/div\u003e\n\t         \n\n\t\u003cdiv class=\"apm-brand-story-image-grid-item\" role=\"listitem\"\u003e                 \u003c\/div\u003e\n\t         \u003c\/div\u003e\n\t     \n\n\t\u003cdiv class=\"apm-brand-story-text \"\u003e                                                     \n\t\u003ch3\u003eNEW ARRIVALS\u003c\/h3\u003e\n\t     \n\n\t\u003cp class=\"apm-brand-story-stores-link\"\u003e \u003c\/p\u003e\n\t\u003c\/div\u003e\n\t     \u003c\/div\u003e\n\n\t\u003cdiv style=\"clear:both\"\u003e \u003c\/div\u003e\n\t   \u003c\/div\u003e\n\t\u003c\/li\u003e\n\t\u003cli\u003e   \u003c\/li\u003e\n\t\u003cli aria-roledescription=\"slide\" class=\"a-carousel-card apm-brand-story-carousel-card-3\"\u003e           \n\t\u003cdiv cel_widget_id=\"aplus-brand-story-card-1-four-asin\" class=\"celwidget aplus-module brand-story-card-1-four-asin aplus-brand-story-card\"\u003e                 \n\t\u003cdiv class=\"apm-brand-story-card\"\u003e   \n\t\u003cdiv class=\"apm-brand-story-image-grid\" role=\"list\"\u003e         \n\t\u003cdiv class=\"apm-brand-story-image-grid-item\" role=\"listitem\"\u003e                 \u003c\/div\u003e\n\t         \n\n\t\u003cdiv class=\"apm-brand-story-image-grid-item\" role=\"listitem\"\u003e                 \u003c\/div\u003e\n\t         \n\n\t\u003cdiv class=\"apm-brand-story-image-grid-item\" role=\"listitem\"\u003e                 \u003c\/div\u003e\n\t         \n\n\t\u003cdiv class=\"apm-brand-story-image-grid-item\" role=\"listitem\"\u003e                 \u003c\/div\u003e\n\t         \u003c\/div\u003e\n\t     \n\n\t\u003cdiv class=\"apm-brand-story-text \"\u003e                                                     \n\t\u003ch3\u003eBEST SELLERS\u003c\/h3\u003e\n\t     \n\n\t\u003cp class=\"apm-brand-story-stores-link\"\u003e \u003c\/p\u003e\n\t\u003c\/div\u003e\n\t     \u003c\/div\u003e\n\n\t\u003cdiv style=\"clear:both\"\u003e \u003c\/div\u003e\n\t   \u003c\/div\u003e\n\t\u003c\/li\u003e\n\t\u003cli\u003e   \u003c\/li\u003e\n\t\u003cli aria-roledescription=\"slide\" class=\"a-carousel-card apm-brand-story-carousel-card-4\"\u003e           \n\t\u003cdiv cel_widget_id=\"aplus-brand-story-card-1-four-asin\" class=\"celwidget aplus-module brand-story-card-1-four-asin aplus-brand-story-card\"\u003e                 \n\t\u003cdiv class=\"apm-brand-story-card\"\u003e   \n\t\u003cdiv class=\"apm-brand-story-image-grid\" role=\"list\"\u003e         \n\t\u003cdiv class=\"apm-brand-story-image-grid-item\" role=\"listitem\"\u003e                 \u003c\/div\u003e\n\t         \n\n\t\u003cdiv class=\"apm-brand-story-image-grid-item\" role=\"listitem\"\u003e                 \u003c\/div\u003e\n\t         \n\n\t\u003cdiv class=\"apm-brand-story-image-grid-item\" role=\"listitem\"\u003e                 \u003c\/div\u003e\n\t         \n\n\t\u003cdiv class=\"apm-brand-story-image-grid-item\" role=\"listitem\"\u003e                 \u003c\/div\u003e\n\t         \u003c\/div\u003e\n\t     \n\n\t\u003cdiv class=\"apm-brand-story-text \"\u003e                                                     \n\t\u003ch3\u003eALLURE 2025 WINNERS\u003c\/h3\u003e\n\t     \n\n\t\u003cp class=\"apm-brand-story-stores-link\"\u003e \u003c\/p\u003e\n\t\u003c\/div\u003e\n\t     \u003c\/div\u003e\n\n\t\u003cdiv style=\"clear:both\"\u003e \u003c\/div\u003e\n\t   \u003c\/div\u003e\n\t\u003c\/li\u003e\n\t\u003cli\u003e   \u003c\/li\u003e\n\t\u003cli aria-roledescription=\"slide\" class=\"a-carousel-card apm-brand-story-carousel-card-5\"\u003e           \n\t\u003cdiv cel_widget_id=\"aplus-brand-story-card-2-media-asset\" class=\"celwidget aplus-module brand-story-card-2-media-asset aplus-brand-story-card\"\u003e             \n\t\u003cdiv class=\"apm-brand-story-card\"\u003e   \n\t\u003cdiv class=\"apm-brand-story-background-image\"\u003e                                             \n\t\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"Maybelline Brand story\" referrerpolicy=\"no-referrer\" src=\"https:\/\/m.media-am.com\/images\/S\/aplus-media-library-service-media\/cc3246b2-bd9b-489b-a0fb-ce8cc8951761.__CR1,0,362,453_PT0_SX362_V1___.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\t\u003c\/div\u003e\n\t     \u003c\/div\u003e\n\n\t\u003cdiv style=\"clear:both\"\u003e \u003c\/div\u003e\n\t   \u003c\/div\u003e\n\t\u003c\/li\u003e\n\t\u003cli\u003e   \u003c\/li\u003e\n\t\u003cli aria-roledescription=\"slide\" class=\"a-carousel-card apm-brand-story-carousel-card-6\"\u003e           \n\t\u003cdiv cel_widget_id=\"aplus-brand-story-card-2-media-asset\" class=\"celwidget aplus-module brand-story-card-2-media-asset aplus-brand-story-card\"\u003e             \n\t\u003cdiv class=\"apm-brand-story-card\"\u003e   \n\t\u003cdiv class=\"apm-brand-story-background-image\"\u003e                                             \n\t\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"Maybelline Brand story\" referrerpolicy=\"no-referrer\" src=\"https:\/\/m.media-am.com\/images\/S\/aplus-media-library-service-media\/72d94923-868f-4e3d-ba19-5484ead050af.__CR1,0,362,453_PT0_SX362_V1___.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\t\u003c\/div\u003e\n\t     \u003c\/div\u003e\n\n\t\u003cdiv style=\"clear:both\"\u003e \u003c\/div\u003e\n\t   \u003c\/div\u003e\n\t\u003c\/li\u003e\n\t\u003cli\u003e   \u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"a-carousel-col a-carousel-right\"\u003e \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cspan class=\"a-end aok-hidden\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n       \n\n\u003cdiv class=\"aplus-brandstory-pagination\"\u003e             \u003c\/div\u003e\n   \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n       \u003c\/div\u003e\n                               \n\n\u003cdiv class=\"a-section a-spacing-large bucket\" id=\"aplus\"\u003e\n\u003chr class=\"bucketDivider\" noshade size=\"1\"\u003e                                             \n\u003ch2\u003eFrom the manufacturer\u003c\/h2\u003e\n   \n\n\u003cdiv lang=\"en_US\"\u003e                     \n\u003cstyle type=\"text\/css\"\u003e\u0026nbsp; \u0026nbsp; .aplus-v2 .container-with-background-image {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; width: 100%;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; height: 100%;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; background-repeat: no-repeat;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; background-size: cover;\n\u0026nbsp; \u0026nbsp; }\n\u003c\/style\u003e\n  \u003cscript type=\"application\/javascript\"\u003e\n\u0026nbsp; \u0026nbsp; function logShoppableMetrics(moduleName, showsAddToCart) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; if (window.ue \u0026amp;\u0026amp; window.ue.count) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; window.ue.count(\"aplus:shoppable:\" + moduleName + \":addToCart\", showsAddToCart ? 1 : 0);\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; }\n\u0026nbsp; \u0026nbsp; }\n\u003c\/script\u003e                             \n\u003cdiv cel_widget_id=\"aplus\" class=\"aplus-v2 desktop celwidget\"\u003e       \n\u003cdiv cel_widget_id=\"aplus-premium-module-2-fullbackground-image\" class=\"celwidget aplus-module premium-module-2-fullbackground-image aplus-premium\"\u003e                             \n\u003cdiv class=\"a-section a-spacing-none premium-aplus premium-aplus-module-2\"\u003e                                   \n\u003cdiv class=\"a-section a-spacing-none premium-background-wrapper\"\u003e\n\u003cdiv class=\"a-section a-spacing-none background-image\"\u003e                                   \n\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"Maybelline Sky High Mascara\" referrerpolicy=\"no-referrer\" src=\"https:\/\/m.media-am.com\/images\/S\/aplus-media-library-service-media\/2c13c9ef-7da5-4c55-bf1a-8f784224c4b6.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n   \u003c\/div\u003e\n\n\u003cdiv class=\"a-section a-text-center\"\u003e                                 \u003c\/div\u003e\n\u003c\/div\u003e\n     \u003c\/div\u003e\n         \n\n\u003cdiv cel_widget_id=\"aplus-premium-module-13-carousel\" class=\"celwidget aplus-module premium-module-13-carousel aplus-premium\"\u003e                                                                       \n\u003cdiv class=\"a-section a-spacing-none premium-aplus premium-aplus-module-13\"\u003e                                     \n\u003cdiv class=\"a-section a-spacing-none aplus-carousel-container\"\u003e\n\u003cdiv aria-label=\"Featured content carousel\" aria-roledescription=\"carousel\" class=\"a-begin a-carousel-container a-carousel-static a-carousel-display-single a-carousel-transition-slideCircular\" data-a-carousel-options='{\"name\":\"premium-aplus-13-carousel-1\",\"peek_percentage\":0,\"minimum_gutter_width\":0,\"show_partial_next\":false}' data-a-display-strategy=\"single\" data-a-transition-strategy=\"slideCircular\" id=\"premium-aplus-13-carousel-1-id\" role=\"group\"\u003e\n\u003cinput autocomplete=\"on\" class=\"a-carousel-firstvisibleitem\" type=\"hidden\"\u003e\n\u003cdiv class=\"a-row a-carousel-controls a-carousel-row a-carousel-has-buttons a-carousel-overlay-buttons a-carousel-rounded-buttons\"\u003e\n\u003cdiv class=\"a-carousel-row-inner\"\u003e\n\u003cdiv class=\"a-carousel-col a-carousel-left\"\u003e \u003c\/div\u003e\n\n\u003cdiv class=\"a-carousel-col a-carousel-center\"\u003e\n\u003cdiv aria-roledescription=\"slide\" class=\"a-carousel-viewport\" role=\"group\"\u003e\n\u003col class=\"a-carousel\" role=\"list\"\u003e\n\t\u003cli\u003e     \u003c\/li\u003e\n\t\u003cli aria-roledescription=\"slide\" aria-setsize=\"4\" class=\"a-carousel-card aplus-carousel-element\"\u003e\n\t\u003cdiv id=\"premium-aplus-13-carousel-1-slide-0\"\u003e                                         \n\t\u003cdiv class=\"a-section a-spacing-none aplus-card-image\"\u003e                                       \n\t\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"Maybelline Sky High Core\" referrerpolicy=\"no-referrer\" src=\"https:\/\/m.media-am.com\/images\/S\/aplus-media-library-service-media\/941db8ca-436b-466c-bd33-8255a0097c57.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\t   \u003c\/div\u003e\n\t   \u003c\/div\u003e\n\t                           \u003c\/li\u003e\n\t\u003cli\u003e     \u003c\/li\u003e\n\t\u003cli aria-roledescription=\"slide\" aria-setsize=\"4\" class=\"a-carousel-card aplus-carousel-element\"\u003e\n\t\u003cdiv id=\"premium-aplus-13-carousel-1-slide-1\"\u003e                                         \n\t\u003cdiv class=\"a-section a-spacing-none aplus-card-image\"\u003e                                       \n\t\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"Maybelline Sky High Core\" referrerpolicy=\"no-referrer\" src=\"https:\/\/m.media-am.com\/images\/S\/aplus-media-library-service-media\/46171fa9-06c4-4ead-a3e8-6c88a71dda5a.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\t   \u003c\/div\u003e\n\t   \u003c\/div\u003e\n\t                           \u003c\/li\u003e\n\t\u003cli\u003e     \u003c\/li\u003e\n\t\u003cli aria-roledescription=\"slide\" aria-setsize=\"4\" class=\"a-carousel-card aplus-carousel-element\"\u003e\n\t\u003cdiv id=\"premium-aplus-13-carousel-1-slide-2\"\u003e                                         \n\t\u003cdiv class=\"a-section a-spacing-none aplus-card-image\"\u003e                                       \n\t\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"Maybelline Sky High Core\" referrerpolicy=\"no-referrer\" src=\"https:\/\/m.media-am.com\/images\/S\/aplus-media-library-service-media\/80a0a93a-b12d-4ae3-b17f-57daffeec689.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\t   \u003c\/div\u003e\n\t   \u003c\/div\u003e\n\t                           \u003c\/li\u003e\n\t\u003cli\u003e     \u003c\/li\u003e\n\t\u003cli aria-roledescription=\"slide\" aria-setsize=\"4\" class=\"a-carousel-card aplus-carousel-element\"\u003e\n\t\u003cdiv id=\"premium-aplus-13-carousel-1-slide-3\"\u003e                                         \n\t\u003cdiv class=\"a-section a-spacing-none aplus-card-image\"\u003e                                       \n\t\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"Maybelline Sky High Core\" referrerpolicy=\"no-referrer\" src=\"https:\/\/m.media-am.com\/images\/S\/aplus-media-library-service-media\/87d4c5e7-2089-409c-81ce-edadf2157af6.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\t   \u003c\/div\u003e\n\t   \u003c\/div\u003e\n\t                           \u003c\/li\u003e\n\t\u003cli\u003e           \u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"a-carousel-col a-carousel-right\"\u003e \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cspan class=\"a-end aok-hidden\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"a-section a-spacing-none aplus-pagination-wrapper\"\u003e      \u003cscript\u003e\n\nP.now(\"premium-aplus-13-carousel-1\").execute(function(init) {\n\u0026nbsp; \u0026nbsp; if (init) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; return;\n\u0026nbsp; \u0026nbsp; }\n\u0026nbsp; \u0026nbsp; P.register(\"premium-aplus-13-carousel-1\", function() {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; return function() {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; P.when(\"A\", \"jQuery\", \"a-carousel-framework\", \"ready\").execute(\"paginate-carousel\", function (A, $, framework) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; const ENTER_KEY_CODE = 13;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; const ESCAPE_KEY_CODE = 27;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; const LEFT_ARROW_KEY = 37;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; const RIGHT_ARROW_KEY = 39;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; const HOME_KEY = 36;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; const END_KEY = 35;\n\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; var moduleId = \"1\";\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; var carouselName = \"premium-aplus-13-carousel-1\";\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; var paginationAction = \"aplus-pagination-dot-action-\" + moduleId + \"-\" + carouselName;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; var paginationGroup = \"#aplus-pagination-group-\" + moduleId + \"-\" + carouselName;\n\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \/* If the carousel goes to a new page *\/\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; A.on(\"a:carousel:\"+carouselName+\":change:pageNumber\", function (data) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; A.$(paginationGroup+\" .carousel-slider-circle\").removeClass(\"aplus-carousel-active\").attr('aria-selected', 'false').attr('tabindex', -1)\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; .eq(data.newValue - 1).addClass(\"aplus-carousel-active\").attr('aria-selected', 'true').attr('tabindex', 0);\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; });\n\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; function syncPaginationDotsWithCarouselPages(numPages) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; const parentElement = document.querySelector(paginationGroup);\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; if (parentElement \u0026amp;\u0026amp; parentElement.children) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; const children = parentElement.children;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; for (let i = 0; i \u003c children.length; i++) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; if (i \u003e= numPages) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \/\/ If number of dots \u003e num of pages, we should hide other dots\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; children[i].classList.add('aplus-pagination-dot--display-none');\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; } else if (children[i].classList.contains('aplus-pagination-dot--display-none')) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \/\/ Reset display of dots if it was hidden before\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; children[i].classList.remove('aplus-pagination-dot--display-none');\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; }\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; }\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; }\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; }\n\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; framework.onInit(carouselName, function (carousel) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; try {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; var totalPages = carousel.getAttr('totalPages');\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; syncPaginationDotsWithCarouselPages(totalPages);\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \/* Resize event handler to re-calculate the pagination dots count based on orientation *\/\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; window.addEventListener('resize', function() {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; carousel.resize();\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; totalPages = carousel.getAttr('totalPages');\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; syncPaginationDotsWithCarouselPages(totalPages);\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; });\n\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; A.declarative(paginationAction, 'click keydown', function(event){\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; var isClick = event.type === 'click';\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; var isKeydown = event.type === 'keydown';\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; var isEnter = isKeydown \u0026amp;\u0026amp; event.$event.keyCode === ENTER_KEY_CODE;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; var isEsc = isKeydown \u0026amp;\u0026amp; event.$event.keyCode === ESCAPE_KEY_CODE;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; var isLeftArrow = isKeydown \u0026amp;\u0026amp; event.$event.keyCode === LEFT_ARROW_KEY;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; var isRightArrow = isKeydown \u0026amp;\u0026amp; event.$event.keyCode === RIGHT_ARROW_KEY;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; var isHome = isKeydown \u0026amp;\u0026amp; event.$event.keyCode === HOME_KEY;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; var isEnd = isKeydown \u0026amp;\u0026amp; event.$event.keyCode === END_KEY;\n\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; if (isClick || isEnter) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; var data = event.data;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; carousel.gotoPage(data.page);\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; } else if (isEsc) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; event.$target.blur();\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; } else if (isLeftArrow || isRightArrow || isHome || isEnd) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; event.$event.preventDefault();\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; const dots = A.$(paginationGroup + \" .carousel-slider-circle\");\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; const currentIndex = dots.index(event.$target);\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; let nextIndex;\n\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; if (isLeftArrow) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; nextIndex = currentIndex \u003e 0 ? currentIndex - 1 : dots.length - 1;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; } else if (isRightArrow) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; nextIndex = currentIndex \u003c dots.length - 1 ? currentIndex + 1 : 0;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; } else if (isHome) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; nextIndex = 0;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; } else if (isEnd) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; nextIndex = dots.length - 1;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; }\n\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; dots.eq(nextIndex).focus();\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; carousel.gotoPage(nextIndex + 1);\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; }\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; });\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; } catch (e) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; P.log('Failed to init ' + carouselName + '. Error: ' + e.message, 'FATAL', 'AplusModuleResources');\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; }\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; });\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; });\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; }\n\u0026nbsp; \u0026nbsp; });\n});\n\u003c\/script\u003e     \n\u003cdiv class=\"aplus-mantle aplus-module\"\u003e       \n\u003cdiv class=\"aplus-carousel-nav\"\u003e           \n\u003cul aria-label=\"tablist-section\" class=\"aplus-pagination-dots\" id=\"aplus-pagination-group-1-premium-aplus-13-carousel-1\" role=\"tablist\"\u003e\n\t\u003cli\u003e                 \u003c\/li\u003e\n\t\u003cli class=\"aplus-pagination-dot\"\u003e                        \u003cspan aria-controls=\"premium-aplus-13-carousel-1-slide-0\" aria-label=\"slide-1\" aria-selected=\"true\" class=\"a-declarative carousel-slider-circle aplus-display-inline-block aplus-carousel-active\" data-action=\"aplus-pagination-dot-action-1-premium-aplus-13-carousel-1\" data-aplus-pagination-dot-action-1-premium-aplus-13-carousel-1='{\"page\": 1}' role=\"tab\" tabindex=\"0\"\u003e\u003c\/span\u003e                   \u003c\/li\u003e\n\t\u003cli\u003e                 \u003c\/li\u003e\n\t\u003cli class=\"aplus-pagination-dot\"\u003e                        \u003cspan aria-controls=\"premium-aplus-13-carousel-1-slide-1\" aria-label=\"slide-2\" aria-selected=\"false\" class=\"a-declarative carousel-slider-circle aplus-display-inline-block \" data-action=\"aplus-pagination-dot-action-1-premium-aplus-13-carousel-1\" data-aplus-pagination-dot-action-1-premium-aplus-13-carousel-1='{\"page\": 2}' role=\"tab\" tabindex=\"-1\"\u003e\u003c\/span\u003e                   \u003c\/li\u003e\n\t\u003cli\u003e                 \u003c\/li\u003e\n\t\u003cli class=\"aplus-pagination-dot\"\u003e                        \u003cspan aria-controls=\"premium-aplus-13-carousel-1-slide-2\" aria-label=\"slide-3\" aria-selected=\"false\" class=\"a-declarative carousel-slider-circle aplus-display-inline-block \" data-action=\"aplus-pagination-dot-action-1-premium-aplus-13-carousel-1\" data-aplus-pagination-dot-action-1-premium-aplus-13-carousel-1='{\"page\": 3}' role=\"tab\" tabindex=\"-1\"\u003e\u003c\/span\u003e                   \u003c\/li\u003e\n\t\u003cli\u003e                 \u003c\/li\u003e\n\t\u003cli class=\"aplus-pagination-dot\"\u003e                        \u003cspan aria-controls=\"premium-aplus-13-carousel-1-slide-3\" aria-label=\"slide-4\" aria-selected=\"false\" class=\"a-declarative carousel-slider-circle aplus-display-inline-block \" data-action=\"aplus-pagination-dot-action-1-premium-aplus-13-carousel-1\" data-aplus-pagination-dot-action-1-premium-aplus-13-carousel-1='{\"page\": 4}' role=\"tab\" tabindex=\"-1\"\u003e\u003c\/span\u003e                   \u003c\/li\u003e\n\t\u003cli\u003e                 \u003c\/li\u003e\n\u003c\/ul\u003e\n       \u003c\/div\u003e\n   \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"a-section a-text-center\"\u003e                                 \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n         \n\n\u003cdiv cel_widget_id=\"aplus-premium-module-13-carousel\" class=\"celwidget aplus-module premium-module-13-carousel aplus-premium\"\u003e                                                                   \n\u003cdiv class=\"a-section a-spacing-none premium-aplus premium-aplus-module-13\"\u003e                                     \n\u003cdiv class=\"a-section a-spacing-none aplus-carousel-container\"\u003e\n\u003cdiv aria-label=\"Featured content carousel\" aria-roledescription=\"carousel\" class=\"a-begin a-carousel-container a-carousel-static a-carousel-display-single a-carousel-transition-slideCircular\" data-a-carousel-options='{\"name\":\"premium-aplus-13-carousel-2\",\"peek_percentage\":0,\"minimum_gutter_width\":0,\"show_partial_next\":false}' data-a-display-strategy=\"single\" data-a-transition-strategy=\"slideCircular\" id=\"premium-aplus-13-carousel-2-id\" role=\"group\"\u003e\n\u003cinput autocomplete=\"on\" class=\"a-carousel-firstvisibleitem\" type=\"hidden\"\u003e\n\u003cdiv class=\"a-row a-carousel-controls a-carousel-row a-carousel-has-buttons a-carousel-overlay-buttons a-carousel-rounded-buttons\"\u003e\n\u003cdiv class=\"a-carousel-row-inner\"\u003e\n\u003cdiv class=\"a-carousel-col a-carousel-left\"\u003e \u003c\/div\u003e\n\n\u003cdiv class=\"a-carousel-col a-carousel-center\"\u003e\n\u003cdiv aria-roledescription=\"slide\" class=\"a-carousel-viewport\" role=\"group\"\u003e\n\u003col class=\"a-carousel\" role=\"list\"\u003e\n\t\u003cli\u003e     \u003c\/li\u003e\n\t\u003cli aria-roledescription=\"slide\" aria-setsize=\"2\" class=\"a-carousel-card aplus-carousel-element\"\u003e\n\t\u003cdiv id=\"premium-aplus-13-carousel-2-slide-0\"\u003e                                         \n\t\u003cdiv class=\"a-section a-spacing-none aplus-card-image\"\u003e                                       \n\t\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"Maybelline Sky High Colors\" referrerpolicy=\"no-referrer\" src=\"https:\/\/m.media-am.com\/images\/S\/aplus-media-library-service-media\/3e025b09-d016-4fd0-baa7-8ed155fd3d29.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\t   \u003c\/div\u003e\n\t   \u003c\/div\u003e\n\t                           \u003c\/li\u003e\n\t\u003cli\u003e     \u003c\/li\u003e\n\t\u003cli aria-roledescription=\"slide\" aria-setsize=\"2\" class=\"a-carousel-card aplus-carousel-element\"\u003e\n\t\u003cdiv id=\"premium-aplus-13-carousel-2-slide-1\"\u003e                                         \n\t\u003cdiv class=\"a-section a-spacing-none aplus-card-image\"\u003e                                       \n\t\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"Maybelline Sky High Core\" referrerpolicy=\"no-referrer\" src=\"https:\/\/m.media-am.com\/images\/S\/aplus-media-library-service-media\/c341f768-b942-4778-b3cc-bbd383e88023.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\t   \u003c\/div\u003e\n\t   \u003c\/div\u003e\n\t                           \u003c\/li\u003e\n\t\u003cli\u003e                   \u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"a-carousel-col a-carousel-right\"\u003e \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cspan class=\"a-end aok-hidden\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"a-section a-spacing-none aplus-pagination-wrapper\"\u003e      \u003cscript\u003e\n\nP.now(\"premium-aplus-13-carousel-2\").execute(function(init) {\n\u0026nbsp; \u0026nbsp; if (init) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; return;\n\u0026nbsp; \u0026nbsp; }\n\u0026nbsp; \u0026nbsp; P.register(\"premium-aplus-13-carousel-2\", function() {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; return function() {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; P.when(\"A\", \"jQuery\", \"a-carousel-framework\", \"ready\").execute(\"paginate-carousel\", function (A, $, framework) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; const ENTER_KEY_CODE = 13;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; const ESCAPE_KEY_CODE = 27;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; const LEFT_ARROW_KEY = 37;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; const RIGHT_ARROW_KEY = 39;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; const HOME_KEY = 36;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; const END_KEY = 35;\n\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; var moduleId = \"2\";\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; var carouselName = \"premium-aplus-13-carousel-2\";\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; var paginationAction = \"aplus-pagination-dot-action-\" + moduleId + \"-\" + carouselName;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; var paginationGroup = \"#aplus-pagination-group-\" + moduleId + \"-\" + carouselName;\n\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \/* If the carousel goes to a new page *\/\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; A.on(\"a:carousel:\"+carouselName+\":change:pageNumber\", function (data) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; A.$(paginationGroup+\" .carousel-slider-circle\").removeClass(\"aplus-carousel-active\").attr('aria-selected', 'false').attr('tabindex', -1)\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; .eq(data.newValue - 1).addClass(\"aplus-carousel-active\").attr('aria-selected', 'true').attr('tabindex', 0);\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; });\n\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; function syncPaginationDotsWithCarouselPages(numPages) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; const parentElement = document.querySelector(paginationGroup);\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; if (parentElement \u0026amp;\u0026amp; parentElement.children) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; const children = parentElement.children;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; for (let i = 0; i \u003c children.length; i++) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; if (i \u003e= numPages) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \/\/ If number of dots \u003e num of pages, we should hide other dots\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; children[i].classList.add('aplus-pagination-dot--display-none');\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; } else if (children[i].classList.contains('aplus-pagination-dot--display-none')) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \/\/ Reset display of dots if it was hidden before\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; children[i].classList.remove('aplus-pagination-dot--display-none');\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; }\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; }\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; }\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; }\n\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; framework.onInit(carouselName, function (carousel) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; try {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; var totalPages = carousel.getAttr('totalPages');\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; syncPaginationDotsWithCarouselPages(totalPages);\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \/* Resize event handler to re-calculate the pagination dots count based on orientation *\/\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; window.addEventListener('resize', function() {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; carousel.resize();\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; totalPages = carousel.getAttr('totalPages');\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; syncPaginationDotsWithCarouselPages(totalPages);\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; });\n\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; A.declarative(paginationAction, 'click keydown', function(event){\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; var isClick = event.type === 'click';\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; var isKeydown = event.type === 'keydown';\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; var isEnter = isKeydown \u0026amp;\u0026amp; event.$event.keyCode === ENTER_KEY_CODE;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; var isEsc = isKeydown \u0026amp;\u0026amp; event.$event.keyCode === ESCAPE_KEY_CODE;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; var isLeftArrow = isKeydown \u0026amp;\u0026amp; event.$event.keyCode === LEFT_ARROW_KEY;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; var isRightArrow = isKeydown \u0026amp;\u0026amp; event.$event.keyCode === RIGHT_ARROW_KEY;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; var isHome = isKeydown \u0026amp;\u0026amp; event.$event.keyCode === HOME_KEY;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; var isEnd = isKeydown \u0026amp;\u0026amp; event.$event.keyCode === END_KEY;\n\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; if (isClick || isEnter) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; var data = event.data;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; carousel.gotoPage(data.page);\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; } else if (isEsc) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; event.$target.blur();\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; } else if (isLeftArrow || isRightArrow || isHome || isEnd) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; event.$event.preventDefault();\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; const dots = A.$(paginationGroup + \" .carousel-slider-circle\");\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; const currentIndex = dots.index(event.$target);\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; let nextIndex;\n\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; if (isLeftArrow) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; nextIndex = currentIndex \u003e 0 ? currentIndex - 1 : dots.length - 1;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; } else if (isRightArrow) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; nextIndex = currentIndex \u003c dots.length - 1 ? currentIndex + 1 : 0;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; } else if (isHome) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; nextIndex = 0;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; } else if (isEnd) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; nextIndex = dots.length - 1;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; }\n\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; dots.eq(nextIndex).focus();\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; carousel.gotoPage(nextIndex + 1);\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; }\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; });\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; } catch (e) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; P.log('Failed to init ' + carouselName + '. Error: ' + e.message, 'FATAL', 'AplusModuleResources');\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; }\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; });\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; });\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; }\n\u0026nbsp; \u0026nbsp; });\n});\n\u003c\/script\u003e     \n\u003cdiv class=\"aplus-mantle aplus-module\"\u003e       \n\u003cdiv class=\"aplus-carousel-nav\"\u003e           \n\u003cul aria-label=\"tablist-section\" class=\"aplus-pagination-dots\" id=\"aplus-pagination-group-2-premium-aplus-13-carousel-2\" role=\"tablist\"\u003e\n\t\u003cli\u003e                 \u003c\/li\u003e\n\t\u003cli class=\"aplus-pagination-dot\"\u003e                        \u003cspan aria-controls=\"premium-aplus-13-carousel-2-slide-0\" aria-label=\"slide-1\" aria-selected=\"true\" class=\"a-declarative carousel-slider-circle aplus-display-inline-block aplus-carousel-active\" data-action=\"aplus-pagination-dot-action-2-premium-aplus-13-carousel-2\" data-aplus-pagination-dot-action-2-premium-aplus-13-carousel-2='{\"page\": 1}' role=\"tab\" tabindex=\"0\"\u003e\u003c\/span\u003e                   \u003c\/li\u003e\n\t\u003cli\u003e                 \u003c\/li\u003e\n\t\u003cli class=\"aplus-pagination-dot\"\u003e                        \u003cspan aria-controls=\"premium-aplus-13-carousel-2-slide-1\" aria-label=\"slide-2\" aria-selected=\"false\" class=\"a-declarative carousel-slider-circle aplus-display-inline-block \" data-action=\"aplus-pagination-dot-action-2-premium-aplus-13-carousel-2\" data-aplus-pagination-dot-action-2-premium-aplus-13-carousel-2='{\"page\": 2}' role=\"tab\" tabindex=\"-1\"\u003e\u003c\/span\u003e                   \u003c\/li\u003e\n\t\u003cli\u003e                 \u003c\/li\u003e\n\u003c\/ul\u003e\n       \u003c\/div\u003e\n   \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"a-section a-text-center\"\u003e                                 \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n         \n\n\u003cdiv cel_widget_id=\"aplus-premium-module-13-carousel\" class=\"celwidget aplus-module premium-module-13-carousel aplus-premium\"\u003e                                                                     \n\u003cdiv class=\"a-section a-spacing-none premium-aplus premium-aplus-module-13\"\u003e                                     \n\u003cdiv class=\"a-section a-spacing-none aplus-carousel-container\"\u003e\n\u003cdiv aria-label=\"Featured content carousel\" aria-roledescription=\"carousel\" class=\"a-begin a-carousel-container a-carousel-static a-carousel-display-single a-carousel-transition-slideCircular\" data-a-carousel-options='{\"name\":\"premium-aplus-13-carousel-3\",\"peek_percentage\":0,\"minimum_gutter_width\":0,\"show_partial_next\":false}' data-a-display-strategy=\"single\" data-a-transition-strategy=\"slideCircular\" id=\"premium-aplus-13-carousel-3-id\" role=\"group\"\u003e\n\u003cinput autocomplete=\"on\" class=\"a-carousel-firstvisibleitem\" type=\"hidden\"\u003e\n\u003cdiv class=\"a-row a-carousel-controls a-carousel-row a-carousel-has-buttons a-carousel-overlay-buttons a-carousel-rounded-buttons\"\u003e\n\u003cdiv class=\"a-carousel-row-inner\"\u003e\n\u003cdiv class=\"a-carousel-col a-carousel-left\"\u003e \u003c\/div\u003e\n\n\u003cdiv class=\"a-carousel-col a-carousel-center\"\u003e\n\u003cdiv aria-roledescription=\"slide\" class=\"a-carousel-viewport\" role=\"group\"\u003e\n\u003col class=\"a-carousel\" role=\"list\"\u003e\n\t\u003cli\u003e     \u003c\/li\u003e\n\t\u003cli aria-roledescription=\"slide\" aria-setsize=\"3\" class=\"a-carousel-card aplus-carousel-element\"\u003e\n\t\u003cdiv id=\"premium-aplus-13-carousel-3-slide-0\"\u003e                                         \n\t\u003cdiv class=\"a-section a-spacing-none aplus-card-image\"\u003e                                       \n\t\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"Maybelline Sky High Colors\" referrerpolicy=\"no-referrer\" src=\"https:\/\/m.media-am.com\/images\/S\/aplus-media-library-service-media\/242127d5-b68c-4617-b4d4-450d12762860.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\t   \u003c\/div\u003e\n\t   \u003c\/div\u003e\n\t                           \u003c\/li\u003e\n\t\u003cli\u003e     \u003c\/li\u003e\n\t\u003cli aria-roledescription=\"slide\" aria-setsize=\"3\" class=\"a-carousel-card aplus-carousel-element\"\u003e\n\t\u003cdiv id=\"premium-aplus-13-carousel-3-slide-1\"\u003e                                         \n\t\u003cdiv class=\"a-section a-spacing-none aplus-card-image\"\u003e                                       \n\t\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"Maybelline Sky High Colors\" referrerpolicy=\"no-referrer\" src=\"https:\/\/m.media-am.com\/images\/S\/aplus-media-library-service-media\/5d5f3dda-5e2c-4903-b81e-a17003c15368.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\t   \u003c\/div\u003e\n\t   \u003c\/div\u003e\n\t                           \u003c\/li\u003e\n\t\u003cli\u003e     \u003c\/li\u003e\n\t\u003cli aria-roledescription=\"slide\" aria-setsize=\"3\" class=\"a-carousel-card aplus-carousel-element\"\u003e\n\t\u003cdiv id=\"premium-aplus-13-carousel-3-slide-2\"\u003e                                         \n\t\u003cdiv class=\"a-section a-spacing-none aplus-card-image\"\u003e                                       \n\t\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"Maybelline Sky High Colors\" referrerpolicy=\"no-referrer\" src=\"https:\/\/m.media-am.com\/images\/S\/aplus-media-library-service-media\/77315e34-55a7-4343-bed3-5ea5d13fe9a3.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\t   \u003c\/div\u003e\n\t   \u003c\/div\u003e\n\t                           \u003c\/li\u003e\n\t\u003cli\u003e               \u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"a-carousel-col a-carousel-right\"\u003e \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cspan class=\"a-end aok-hidden\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"a-section a-spacing-none aplus-pagination-wrapper\"\u003e      \u003cscript\u003e\n\nP.now(\"premium-aplus-13-carousel-3\").execute(function(init) {\n\u0026nbsp; \u0026nbsp; if (init) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; return;\n\u0026nbsp; \u0026nbsp; }\n\u0026nbsp; \u0026nbsp; P.register(\"premium-aplus-13-carousel-3\", function() {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; return function() {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; P.when(\"A\", \"jQuery\", \"a-carousel-framework\", \"ready\").execute(\"paginate-carousel\", function (A, $, framework) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; const ENTER_KEY_CODE = 13;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; const ESCAPE_KEY_CODE = 27;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; const LEFT_ARROW_KEY = 37;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; const RIGHT_ARROW_KEY = 39;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; const HOME_KEY = 36;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; const END_KEY = 35;\n\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; var moduleId = \"3\";\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; var carouselName = \"premium-aplus-13-carousel-3\";\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; var paginationAction = \"aplus-pagination-dot-action-\" + moduleId + \"-\" + carouselName;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; var paginationGroup = \"#aplus-pagination-group-\" + moduleId + \"-\" + carouselName;\n\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \/* If the carousel goes to a new page *\/\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; A.on(\"a:carousel:\"+carouselName+\":change:pageNumber\", function (data) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; A.$(paginationGroup+\" .carousel-slider-circle\").removeClass(\"aplus-carousel-active\").attr('aria-selected', 'false').attr('tabindex', -1)\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; .eq(data.newValue - 1).addClass(\"aplus-carousel-active\").attr('aria-selected', 'true').attr('tabindex', 0);\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; });\n\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; function syncPaginationDotsWithCarouselPages(numPages) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; const parentElement = document.querySelector(paginationGroup);\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; if (parentElement \u0026amp;\u0026amp; parentElement.children) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; const children = parentElement.children;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; for (let i = 0; i \u003c children.length; i++) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; if (i \u003e= numPages) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \/\/ If number of dots \u003e num of pages, we should hide other dots\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; children[i].classList.add('aplus-pagination-dot--display-none');\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; } else if (children[i].classList.contains('aplus-pagination-dot--display-none')) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \/\/ Reset display of dots if it was hidden before\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; children[i].classList.remove('aplus-pagination-dot--display-none');\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; }\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; }\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; }\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; }\n\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; framework.onInit(carouselName, function (carousel) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; try {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; var totalPages = carousel.getAttr('totalPages');\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; syncPaginationDotsWithCarouselPages(totalPages);\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \/* Resize event handler to re-calculate the pagination dots count based on orientation *\/\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; window.addEventListener('resize', function() {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; carousel.resize();\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; totalPages = carousel.getAttr('totalPages');\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; syncPaginationDotsWithCarouselPages(totalPages);\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; });\n\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; A.declarative(paginationAction, 'click keydown', function(event){\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; var isClick = event.type === 'click';\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; var isKeydown = event.type === 'keydown';\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; var isEnter = isKeydown \u0026amp;\u0026amp; event.$event.keyCode === ENTER_KEY_CODE;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; var isEsc = isKeydown \u0026amp;\u0026amp; event.$event.keyCode === ESCAPE_KEY_CODE;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; var isLeftArrow = isKeydown \u0026amp;\u0026amp; event.$event.keyCode === LEFT_ARROW_KEY;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; var isRightArrow = isKeydown \u0026amp;\u0026amp; event.$event.keyCode === RIGHT_ARROW_KEY;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; var isHome = isKeydown \u0026amp;\u0026amp; event.$event.keyCode === HOME_KEY;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; var isEnd = isKeydown \u0026amp;\u0026amp; event.$event.keyCode === END_KEY;\n\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; if (isClick || isEnter) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; var data = event.data;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; carousel.gotoPage(data.page);\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; } else if (isEsc) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; event.$target.blur();\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; } else if (isLeftArrow || isRightArrow || isHome || isEnd) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; event.$event.preventDefault();\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; const dots = A.$(paginationGroup + \" .carousel-slider-circle\");\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; const currentIndex = dots.index(event.$target);\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; let nextIndex;\n\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; if (isLeftArrow) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; nextIndex = currentIndex \u003e 0 ? currentIndex - 1 : dots.length - 1;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; } else if (isRightArrow) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; nextIndex = currentIndex \u003c dots.length - 1 ? currentIndex + 1 : 0;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; } else if (isHome) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; nextIndex = 0;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; } else if (isEnd) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; nextIndex = dots.length - 1;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; }\n\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; dots.eq(nextIndex).focus();\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; carousel.gotoPage(nextIndex + 1);\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; }\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; });\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; } catch (e) {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; P.log('Failed to init ' + carouselName + '. Error: ' + e.message, 'FATAL', 'AplusModuleResources');\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; }\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; });\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; });\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; }\n\u0026nbsp; \u0026nbsp; });\n});\n\u003c\/script\u003e     \n\u003cdiv class=\"aplus-mantle aplus-module\"\u003e       \n\u003cdiv class=\"aplus-carousel-nav\"\u003e           \n\u003cul aria-label=\"tablist-section\" class=\"aplus-pagination-dots\" id=\"aplus-pagination-group-3-premium-aplus-13-carousel-3\" role=\"tablist\"\u003e\n\t\u003cli\u003e                 \u003c\/li\u003e\n\t\u003cli class=\"aplus-pagination-dot\"\u003e                        \u003cspan aria-controls=\"premium-aplus-13-carousel-3-slide-0\" aria-label=\"slide-1\" aria-selected=\"true\" class=\"a-declarative carousel-slider-circle aplus-display-inline-block aplus-carousel-active\" data-action=\"aplus-pagination-dot-action-3-premium-aplus-13-carousel-3\" data-aplus-pagination-dot-action-3-premium-aplus-13-carousel-3='{\"page\": 1}' role=\"tab\" tabindex=\"0\"\u003e\u003c\/span\u003e                   \u003c\/li\u003e\n\t\u003cli\u003e                 \u003c\/li\u003e\n\t\u003cli class=\"aplus-pagination-dot\"\u003e                        \u003cspan aria-controls=\"premium-aplus-13-carousel-3-slide-1\" aria-label=\"slide-2\" aria-selected=\"false\" class=\"a-declarative carousel-slider-circle aplus-display-inline-block \" data-action=\"aplus-pagination-dot-action-3-premium-aplus-13-carousel-3\" data-aplus-pagination-dot-action-3-premium-aplus-13-carousel-3='{\"page\": 2}' role=\"tab\" tabindex=\"-1\"\u003e\u003c\/span\u003e                   \u003c\/li\u003e\n\t\u003cli\u003e                 \u003c\/li\u003e\n\t\u003cli class=\"aplus-pagination-dot\"\u003e                        \u003cspan aria-controls=\"premium-aplus-13-carousel-3-slide-2\" aria-label=\"slide-3\" aria-selected=\"false\" class=\"a-declarative carousel-slider-circle aplus-display-inline-block \" data-action=\"aplus-pagination-dot-action-3-premium-aplus-13-carousel-3\" data-aplus-pagination-dot-action-3-premium-aplus-13-carousel-3='{\"page\": 3}' role=\"tab\" tabindex=\"-1\"\u003e\u003c\/span\u003e                   \u003c\/li\u003e\n\t\u003cli\u003e                 \u003c\/li\u003e\n\u003c\/ul\u003e\n       \u003c\/div\u003e\n   \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"a-section a-text-center\"\u003e                                 \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n         \n\n\u003cdiv cel_widget_id=\"aplus-premium-module-2-fullbackground-image\" class=\"celwidget aplus-module premium-module-2-fullbackground-image aplus-premium\"\u003e                             \n\u003cdiv class=\"a-section a-spacing-none premium-aplus premium-aplus-module-2\"\u003e                                   \n\u003cdiv class=\"a-section a-spacing-none premium-background-wrapper\"\u003e\n\u003cdiv class=\"a-section a-spacing-none background-image\"\u003e                                   \n\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"Maybelline Sky High Colors\" referrerpolicy=\"no-referrer\" src=\"https:\/\/m.media-am.com\/images\/S\/aplus-media-library-service-media\/5fa55065-9a97-4343-ba1b-28c133d92a87.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n   \u003c\/div\u003e\n\n\u003cdiv class=\"a-section a-text-center\"\u003e                                 \u003c\/div\u003e\n\u003c\/div\u003e\n     \u003c\/div\u003e\n         \n\n\u003cdiv cel_widget_id=\"aplus-premium-module-2-fullbackground-image\" class=\"celwidget aplus-module premium-module-2-fullbackground-image aplus-premium\"\u003e                             \n\u003cdiv class=\"a-section a-spacing-none premium-aplus premium-aplus-module-2\"\u003e                                   \n\u003cdiv class=\"a-section a-spacing-none premium-background-wrapper\"\u003e\n\u003cdiv class=\"a-section a-spacing-none background-image\"\u003e                                   \n\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"Maybelline Sky High Core\" referrerpolicy=\"no-referrer\" src=\"https:\/\/m.media-am.com\/images\/S\/aplus-media-library-service-media\/7a629747-13fe-4047-a5d2-658cda10bed4.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n   \u003c\/div\u003e\n\n\u003cdiv class=\"a-section a-text-center\"\u003e                                 \u003c\/div\u003e\n\u003c\/div\u003e\n     \u003c\/div\u003e\n       \u003c\/div\u003e\n\u003c\/div\u003e\n       \u003c\/div\u003e\n                               \n\n\u003cdiv class=\"a-row feature\" data-feature-name=\"productDescription\" data-template-name=\"productDescription\" id=\"productDescription_feature_div\"\u003e   \n\u003cdiv class=\"a-divider a-divider-section\"\u003e\n\u003cdiv class=\"a-divider-inner\"\u003e \u003c\/div\u003e\n\u003c\/div\u003e\n   \n\n\u003ch2 class=\"default\"\u003eProduct Description\u003c\/h2\u003e\n               \n\n\u003cdiv class=\"a-section a-spacing-small\" id=\"productDescription\"\u003e       \u003c!-- show up to 2 reviews by default --\u003e                   \n\u003cp\u003e    \u003cspan\u003eSky lash impact from every angle! Maybelline's Lash Sensational Sky mascara delivers full volume and limitless length. Exclusive brush bends to volumize and extend every single lash from root to tip. Washable mascara formula infused with bamboo extract and fibers for long, full and lightweight lashes, that don't flake or smudge. Available in Very Black, Blackest Black, Cosmic Black, True Brown, Blue Mist, Burgundy Haze, Space Diamond, Plum Twilight and Green Altitude. Allergy tested. Ophthalmologist tested. Suitable for sensitive eyes and contact lens wearers. Removes easily.\u003c\/span\u003e   \u003c\/p\u003e\n         \u003c\/div\u003e\n  \u003c!-- Used to set table width because AUI is overriding the width attribute of the tables coming in description --\u003e\n\u003cstyle type=\"text\/css\"\u003e\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; #productDescription h3 {\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; margin: 0.75em 0px 0.375em -1px;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; }\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp;\n\u003c\/style\u003e\n           \u003c\/div\u003e\n","brand":"PandaWholesale","offers":[{"title":"BLACKEST BLACK \/ 0.24 Fl Oz (Pack of 1)","offer_id":53602596716828,"sku":null,"price":0.99,"currency_code":"USD","in_stock":true},{"title":"BLUE MIST \/ 0.24 Fl Oz (Pack of 1)","offer_id":53602596749596,"sku":null,"price":0.94,"currency_code":"USD","in_stock":true},{"title":"BROWNISH BLACK \/ 0.2 Fl Oz (Pack of 1)","offer_id":53602596782364,"sku":null,"price":1.08,"currency_code":"USD","in_stock":true},{"title":"BURGUNDY HAZE \/ 0.24 Fl Oz (Pack of 1)","offer_id":53602596815132,"sku":null,"price":1.0,"currency_code":"USD","in_stock":true},{"title":"COSMIC BLACK \/ 0.24 Fl Oz (Pack of 1)","offer_id":53602596847900,"sku":null,"price":1.08,"currency_code":"USD","in_stock":true},{"title":"GREEN ALTITUDE \/ 0.24 Fl Oz (Pack of 1)","offer_id":53602596880668,"sku":null,"price":1.0,"currency_code":"USD","in_stock":true},{"title":"PLUM TWILIGHT \/ 0.24 Fl Oz (Pack of 1)","offer_id":53602596913436,"sku":null,"price":1.08,"currency_code":"USD","in_stock":true},{"title":"SPACE DIAMOND \/ 0.24 Fl Oz (Pack of 1)","offer_id":53602596946204,"sku":null,"price":1.0,"currency_code":"USD","in_stock":true},{"title":"TINTED PRIMER SOFT BLACK \/ 0.26 Fl Oz (Pack of 1)","offer_id":53602596978972,"sku":null,"price":1.09,"currency_code":"USD","in_stock":true},{"title":"TRUE BROWN \/ 0.24 Fl Oz (Pack of 1)","offer_id":53602597011740,"sku":null,"price":1.08,"currency_code":"USD","in_stock":true},{"title":"VERY BLACK \/ 0.2 Fl Oz (Pack of 1)","offer_id":53602597044508,"sku":null,"price":1.08,"currency_code":"USD","in_stock":true},{"title":"VERY BLACK \/ 0.24 Fl Oz (Pack of 1)","offer_id":53602597077276,"sku":null,"price":0.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0942\/9041\/1804\/files\/71MQo8pHmBL._SL1500.jpg?v=1766648307","url":"https:\/\/pandawholesale.shop\/products\/maybelline-lash-sensational-sky-high-washable-mascara-makeup-volumizing-lengthening-defining-curling-multiplying-buildable-formula-blackest-black-1-count","provider":"PandaWholesale","version":"1.0","type":"link"}