.w-top-area-banner{background:var(--secondary-light);display:grid;margin:0 auto 30px;max-width:1366px;overflow:hidden;position:relative;text-align:center}.w-top-area-banner--full-width{max-width:100%}.w-top-area-banner.with-background{min-height:0}.w-top-area-banner .ui-banner-headline,.w-top-area-banner .ui-banner-image,.w-top-area-banner .ui-banner-video{grid-row:1}.w-top-area-banner .ui-banner-headline{padding:80px 0}.w-top-area-banner.with-background .ui-banner-headline{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.w-top-area-banner.category-default{background:var(--secondary-light)}.w-top-area-banner.category-bath-body,.w-top-area-banner.category-bodycare{background:var(--info-main)}.w-top-area-banner.category-skincare{background:var(--secondary-light)}.w-top-area-banner.category-makeup{background:var(--background-pink-flare)}.w-top-area-banner.category-hair{background:var(--background-wafer)}.w-top-area-banner.category-fragrance{background:var(--background-soft-amber)}.w-top-area-banner.category-accessories{background:var(--background-new-orleans)}.w-top-area-banner.category-men{background:var(--secondary-main)}.w-top-area-banner.category-wellness{background:var(--background-chatelle)}.ui-banner-headline .headline{color:var(--background-snow-flurry);font-size:60px;margin:0 auto;max-width:800px;padding:0 30px}.ui-banner-headline.black .headline{color:var(--common-black)}.ui-banner-headline.grey .headline{color:var(--grey-700)}.ui-banner-headline .k-button{margin-top:20px;max-width:350px}.top-banner-headline{font-weight:700;left:50%;max-width:800px;padding:50px 0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80%}.top-banner-headline__title{font-size:60px;margin:0}.top-banner-headline__link{background-color:transparent;border-color:initial;font-size:14px;margin-top:20px;width:auto}.w-top-area-banner:not(.with-img):not(.with-video) .top-banner-headline{margin:0 auto;position:static;-webkit-transform:none;-ms-transform:none;-webkit-transform:initial;-ms-transform:initial;transform:none}.top-banner-headline .top-banner-headline__link:hover{background-color:transparent}.top-banner-headline--white .top-banner-headline__link,.top-banner-headline--white .top-banner-headline__link:hover,.top-banner-headline--white .top-banner-headline__title{color:var(--common-white)}.top-banner-headline--grey .top-banner-headline__link,.top-banner-headline--grey .top-banner-headline__link:hover,.top-banner-headline--grey .top-banner-headline__title{color:var(--grey-700)}.top-banner-headline--green .top-banner-headline__link,.top-banner-headline--green .top-banner-headline__link:hover,.top-banner-headline--green .top-banner-headline__title{color:var(--background-snow-flurry)}.ui-banner-headline.white .headline{color:var(--common-white)}@media screen and (max-width:479px){.w-top-area-banner .ui-banner-headline{margin:0 auto;overflow:hidden;width:80%}.ui-banner-headline .k-button.transparent{max-width:90%}.top-banner-headline{padding:40px 0}}@media screen and (min-width:480px) and (max-width:767px){.w-top-area-banner .ui-banner-headline{margin:0 auto;overflow:hidden;width:90%}}@media screen and (min-width:768px){.w-top-area-banner.with-video.with-img .ui-banner-image{display:none}.with-img .ui-banner-image,.with-video .ui-banner-video{min-height:300px}}@media screen and (max-width:767px){.ui-banner-headline .headline{font-size:30px;padding:0}.w-top-area-banner.with-background{margin:0 0 20px}.w-top-area-banner .ui-banner-video{display:none}.w-top-area-banner .ui-banner-image{margin-right:-100%;-webkit-transform:translateX(-25%);-ms-transform:translateX(-25%);transform:translateX(-25%)}.ui-banner-video+.ui-banner-headline .headline{color:var(--text-primary)}.ui-banner-video+.ui-banner-headline .k-button.transparent{border-color:var(--text-primary);color:var(--text-primary)}.top-banner-headline{margin:0 auto;position:static;-webkit-transform:none;-ms-transform:none;-webkit-transform:initial;-ms-transform:initial;transform:none;width:80%}.w-top-area-banner.with-img .top-banner-headline{position:absolute;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.top-banner-headline__title{font-size:30px}}.page-mypages .w-top-area-banner.is-article{background:none;max-width:980px}.page-mypages .w-top-area-banner.is-article .w-breadcrumbs{margin:0;width:100%}.page-mypages .w-top-area-banner.is-article .ui-breadcrumbs{margin:0}.page-mypages .w-top-area-banner.is-article .ui-banner-image,.page-mypages .w-top-area-banner.is-article .ui-banner-video{grid-row:2;margin-top:15px}.page-mypages .w-top-area-banner.is-article .ui-banner-headline{grid-row:3;margin:30px 0;padding:0;position:static;-webkit-transform:none;-ms-transform:none;transform:none}.page-mypages .w-top-area-banner.is-article .ui-banner-headline .headline{color:var(--text-primary);font-size:28px}@media screen and (max-width:767px){.page-mypages .w-top-area-banner.is-article .ui-banner-image{margin-right:-100%;margin-top:0;padding:0 10px;-webkit-transform:translateX(-25%);-ms-transform:translateX(-25%);transform:translateX(-25%)}.page-mypages .w-top-area-banner.is-article .ui-banner-headline{margin:10px 0;width:auto}.page-mypages .w-top-area-banner.is-article .ui-banner-headline .headline{font-size:25px}}

/*# sourceMappingURL=TopAreaBanner.css.bd34cf79.map*/