body.hide_scrollbars_while_loading{width:100%;height:100%;overflow:hidden}body>#loader,body>#editLoader{background:#d8d8d8;position:fixed;width:100%;height:100%;z-index:10000;top:0;left:0;opacity:1;transition:opacity 0.3s ease-in}body>#loader.removed,body>#editLoader.removed{opacity:0}body>#loader{background:rgb(0,0,0)}body>#editLoader{background:#d8d8d8}body>#loader .spinner,body>#editLoader .spinner{position:absolute;display:block;width:220px;height:220px;top:50%;left:50%;margin:-110px 0 0 -110px;border-radius:100%;overflow:hidden}body>#loader .spinner{background-color:rgb(0,0,0)}body>#editLoader .spinner{background-color:white} body>#loader .spinner > div,body>#editLoader .spinner > div{width:208px;height:208px;position:absolute;top:50%;left:50%;border:1px rgba(255,255,255,0) solid; background-clip:padding-box; border-radius:100%;margin:-104px 0 0 -104px;background-size:100% 100%;overflow:hidden;-webkit-animation:h5-rotate-fully 1.0s infinite linear;animation:h5-rotate-fully 1.0s infinite linear} img.spinner{-webkit-animation:h5-rotate-fully 1.0s infinite linear;animation:h5-rotate-fully 1.0s infinite linear}body>#loader .logo,body>#editLoader .logo{position:absolute;top:50%;left:50%;border-radius:50%;margin:-98px 0 0 -98px;width:196px;height:196px;line-height:180px;text-align:center;z-index:1}body>#loader .logo{background-color:rgb(0,0,0)}body>#editLoader .logo{background-color:white}body.IE8>#loader .circle,body.IE9>#loader .circle{position:absolute;display:block;width:220px;height:220px;top:50%;left:50%;margin:-110px 0 0 -110px;overflow:hidden;background-color:transparent;background-image:url(/static/img/desktop/ie_spinner_background.png)}body.IE8>#loader .circle .logo,body.IE9>#loader .circle .logo{border-radius:0;background-color:transparent}body.IE8>#loader .circle .spinnerImage,body.IE9>#loader .circle .spinnerImage{position:absolute;bottom:18px;left:50%;margin-left:-12px}body>#loader .logo img,body>#editLoader .logo img{width:auto;height:auto;max-width:140px;max-height:100px;border:0;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.theme-light{--navigation-background-color:#FFF;--navigation-icon-color:#545454;--navigation-icon-color-active:#272727;--navigation-icon-color-disabled:#ACACAC;--navigation-background-image:url('/static/img/theme/light/navigation-bar.svg')}.overlay-navigation.theme-light{--navigation-background-color:rgba(255,255,255,0.5)}.IE8.theme-light{--navigation-background-image:url('/static/img/theme/light/navigation-bar.png')} .theme-medium{--navigation-background-color:#EEE;--navigation-icon-color:#545454;--navigation-icon-color-active:#272727;--navigation-icon-color-disabled:#ACACAC;--navigation-background-image:url('/static/img/theme/medium/navigation-bar.svg')}.overlay-navigation.theme-medium{--navigation-background-color:rgba(238,238,238,0.5)}.IE8.theme-medium{--navigation-background-image:url('/static/img/theme/medium/navigation-bar.png')} .theme-dark{--navigation-background-color:#000;--navigation-icon-color:#979797;--navigation-icon-color-active:#FFFFFF;--navigation-icon-color-disabled:#3E3E3E;--navigation-background-image:url('/static/img/theme/dark/navigation-bar.svg')}.overlay-navigation.theme-dark{--navigation-background-color:rgba(0,0,0,0.5)}.IE8.theme-dark{--navigation-background-image:url('/static/img/theme/dark/navigation-bar.png')}
body #container .h5scroll-track{}body #container .h5scroll-drag{}body #container .h5scroll-drag{}
#audioPlay.animating,#audioButton.animating{animation-duration:2s;animation-iteration-count:infinite}.trigger-how-to-use{cursor:pointer}.popup-window.hto-overlay{background-color:rgba(0,0,0,0.5)}.popup-window.fullscreen.hto-overlay .popup-window-bar{height:0}.popup-window.fullscreen.hto-overlay .content{top:0;height:100%}.popup-window.fullscreen.hto-overlay .close{background-image:url(/system/resources/images/htu_close.svg);top:15px;right:15px}.popup-window.fullscreen.hto-overlay .close:hover{background-image:url(/system/resources/images/htu_close-hover.svg)}.htu-blur .area-root,.htu-blur .ngs-grade-selector,.htu-blur .ngs-grade-selector-panel{filter:blur(5px);-webkit-filter:blur(5px)}.htu-blur .ngs-grade-selector,.htu-blur .ngs-grade-selector-panel{z-index:1}.htu-blur .ngs-grade-selector-overlay{display:none}.htu-overlay-content{color:white;font-family:'itc-avant-garde-gothic-pro';font-weight:bold}.htu-title{font-size:44px;margin:70px auto 0;display:block;padding:0;width:500px;text-align:center;position:relative;text-transform:uppercase}.small-portrait .htu-title{display:none}.htu-actions{margin-top:20px;text-align:center}.small-portrait .htu-actions{margin-top:75px}.htu-actions .htu-action{position:relative;display:inline-block;width:360px;margin:0 70px;font-size:28px;text-align:center;vertical-align:top}.htu-actions .htu-action p{position:absolute;left:0;right:0}.medium-portrait .explorer .htu-actions .htu-action{margin:30px 10px}.small-portrait .htu-actions .htu-action{margin:0 15px 80px 15px}.htu-actions .htu-action img,.htu-actions .htu-action svg{margin-bottom:20px}.htu-navigation{position:absolute;bottom:0;left:0;right:0}.htu-cover,.htu-articles,.htu-next-page,.htu-read-aloud{position:absolute;font-size:20px;width:500px}.explorer .htu-cover,.explorer .htu-articles,.explorer .htu-next-page,.explorer .htu-read-aloud{font-size:20px}.htu-cover img,.htu-articles img,.htu-next-page img,.htu-read-aloud img{position:absolute}.htu-cover{bottom:95px;left:60px}.medium-portrait .htu-cover{bottom:150px}.small-portrait .htu-cover{bottom:150px;left:40px}     .htu-articles{bottom:55px;left:115px}.medium-portrait .htu-articles{bottom:75px; width:200px}.small-portrait .htu-articles{bottom:75px;left:115px;width:200px}.htu-read-aloud{bottom:20px;left:170px}.medium-portrait .htu-read-aloud,.small-portrait .htu-read-aloud{display:none}.htu-next-page{bottom:20px;right:105px;text-align:right}.medium-portrait .htu-next-page{bottom:100px;right:75px}.small-portrait .htu-next-page{bottom:20px;right:80px}.htu-menu-line,.htu-menu-line-right{width:2px;height:200px;background-color:#FFF;position:absolute;left:-8px;top:6px}.htu-menu-line-right{left:inherit;right:-8px}
body #container #articleBrowser{left:0 !important} #container #articleIndex{width:235px;background-color:black}body.small-portrait #container #articleIndex{width:300px}body #container #navArticles li{background-image:url(/system/resources/images/navigation-bar.svg)}body #container #navArticles li.home{display:none}#navArticles .index.open{background-position:-90px 0}#navArticles .index.open:active{background-position:-90px 90px}body:not(.nohover) #navArticles .index.open.disabled:hover{background-position:-90px 45px }body:not(.nohover) #navArticles .index.open:hover{background-position:-90px 90px }#navArticles #navCenter{margin-left:0}#navArticles .h5mag{background-position:-495px 0px;width:185px;margin-left:0;transform:translateX(-50%)}#navArticles .h5mag.disabled{background-position:-495px 45px}#navArticles .h5mag.disabled:active{background-position:-495px 45px }#navArticles .h5mag:active{background-position:-495px 90px}body:not(.nohover) #navArticles .h5mag.disabled:hover{background-position:-495px 45px }body:not(.nohover) #navArticles .h5mag:hover{background-position:-495px 90px }#navArticles #navArticle.pagenumbering li.pagenumbers{font-family:'itc-avant-garde-gothic-pro';font-weight:bold;font-style:normal;text-transform:uppercase;font-size:14px;height:55px;color:white} body.small-portrait #articleBrowser{bottom:60px}body.small-portrait.theme-dark #navArticles{height:60px}body.small-portrait.theme-dark #container #navArticles li{width:60px;height:60px;background-image:none;position:relative}body.small-portrait.theme-dark #container #navArticles li.h5mag{width:185px}body.small-portrait.theme-dark #container #navArticles #navArticle li.prev{}body.small-portrait.theme-dark #container #navArticles #navArticle li.pagenumbers{}body.small-portrait #navMain{margin-left:0}body.small-portrait #navMain li{margin-left:0}body.small-portrait #navArticles #navCenter{width:0}body.small-portrait #navArticle{margin-right:0}body.small-portrait #navArticle li.prev{margin-right:-27px;right:0}body.small-portrait #navArticles #navArticle.pagenumbering li.pagenumbers{margin-right:0;right:0;z-index:-1;right:-20px;line-height:60px}body.small-portrait #navArticle li.next{margin-right:0px}body.small-portrait.theme-dark #container #navArticles #navMain li.index::after,body.small-portrait.theme-dark #container #navArticles #navMain li.social::after,body.small-portrait.theme-dark #container #navArticles #navCenter li.h5mag::after,body.small-portrait.theme-dark #container #navArticles #navArticle li.prev::after,body.small-portrait.theme-dark #container #navArticles #navArticle li.next::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:45px;height:45px;background-image:url(/system/resources/images/navigation-bar.svg);background-repeat:no-repeat}body.small-portrait.theme-dark #container #navArticles #navMain li.index::after{background-position:-45px 0}body.small-portrait.theme-dark #container #navArticles #navMain li.index.open::after{background-position:-90px 0}body.small-portrait.theme-dark #container #navArticles #navMain li.social::after{background-position:-135px 0}body.small-portrait.theme-dark #container #navArticles #navCenter li.h5mag::after{width:177px;background-position:-497px 0px}body.small-portrait.theme-dark #container #navArticles #navArticle li.prev::after{background-position:-180px 0px}body.small-portrait.theme-dark #container #navArticles #navArticle li.next::after{background-position:-225px 0px} article > .close{position:absolute;top:0;right:0;background-color:black;width:45px;height:45px;background-image:url(/system/resources/images/navigation-bar.svg);background-position:-90px 0;cursor:pointer} #articleIndex .scroll::scrollbar{display:none}#articleIndex .scroll{scrollbar-color:#878889 #000000;scrollbar-width:thin}#articleIndex .scroll::-webkit-resizer,#articleIndex .scroll::-webkit-scrollbar,#articleIndex .scroll::-webkit-scrollbar-corner{background-color:#000000;color:#878889;width:8px;height:8px}#articleIndex .scroll::-webkit-scrollbar-thumb{cursor:default;background:#878889;border-radius:3px}#container #articleIndex ul li{font-family:'itc-avant-garde-gothic-pro';font-weight:bold;font-style:normal;text-transform:uppercase;font-size:14px;height:55px}#container #articleIndex li a{border-bottom:solid 1px #878889}#container #articleIndex li a div.imagecontainer{width:0;opacity:0}#container #articleIndex li a .text{color:white;width:100%;text-align:center}#container #articleIndex li.active a{background-color:white}#container #articleIndex li.active a .text{color:black;width:100%;text-align:center}body:not(.nohover) #container #articleIndex li:not(.active) a:hover{background-color:white}body:not(.nohover) #container #articleIndex li:not(.active) a:hover .text{color:black} #container #articleIndex > li:first-child{height:155px;padding:0}.small-portrait #container #articleIndex > li:first-child{height:160px}#container #articleIndex > li:first-child a{border-bottom:none;position:relative}#container #articleIndex > li:first-child a::after{display:block;content:'';height:2px;background-color:white;width:48px;margin-left:-24px;position:absolute;bottom:4px;left:50%}.small-portrait #container #articleIndex > li:first-child a::after{bottom:12px}#container #articleIndex > li:first-child div.imagecontainer{width:100%;height:100%;background-color:black;background-size:175px auto;background-image:url(/system/resources/images/sephora-toc-logo.svg) !important;background-position:50% 50px;background-repeat:no-repeat;color:white;opacity:1}.small-portrait #container #articleIndex > li:first-child div.imagecontainer{background-position:50% 25px }#container #articleIndex > li:first-child div.text{display:none} #container #articleIndex li[data-article="promociones"]{position:absolute;top:92px;right:0;width:235px;height:55px;padding-left:30px}.small-portrait #container #articleIndex li[data-article="promociones"]{top:72px;width:300px;padding-left:64px}#container #articleIndex li[data-article="promociones"] a,body:not(.nohover) #container #articleIndex li[data-article="promociones"]:not(.active) a:hover{background-color:black;overflow:hidden;border-bottom:none}#container #articleIndex li[data-article="promociones"] a div.imagecontainer{width:33px;opacity:1;background-image:url(/system/resources/images/barcode.svg) !important;background-size:contain;background-position:center;background-repeat:no-repeat;position:relative;overflow:visible}#container #articleIndex li[data-article="promociones"] a div.imagecontainer::after{content:"promociones";font-family:'itc-avant-garde-gothic-pro';font-weight:bold;font-style:normal;text-transform:uppercase;font-size:14px;position:absolute;width:165px;height:55px;line-height:55px;top:0;left:10px;color:white;text-align:center} #container #articleIndex li[data-article="promociones"] a div.text{display:none}
#navArticles li.social{position:relative;background-position:-135px 0px}body:not(.nohover) #navArticles li.social:hover{background-position:-135px 90px}.social-media-popup{display:block;position:absolute;bottom:58px;width:50px;height:auto;background-color:transparent;left:8px;cursor:default}.social-media-popup p{text-align:center;margin-bottom:15px}.social-media-popup a.share{display:inline-block;width:44px;height:44px;background-image:url(/system/resources/images/share-icons-sephora.svg)}.social-media-popup a.share.facebook{background-position:0 0}.social-media-popup a.share.twitter{background-position:-135px 0}.social-media-popup a.share.linkedin{background-position:-45px 0}.social-media-popup a.share.whatsapp{background-position:-90px 0}.social-media-popup a.share.email{background-position:-180px 0}.social-media-popup.no-whatsapp a.share.whatsapp{display:none}.social-media-popup .icons{display:inline-block;vertical-align:top}