.beauty-benefits-carousel{position:relative;width:100%;background-color:#fafafa;overflow:hidden;height:100%;padding:0 32px}.beauty-benefits-carousel__container{display:flex;flex-direction:row;align-items:center;justify-content:center;max-width:100%;margin:0;height:100%}.beauty-benefits-carousel__image-section{flex:0 0 50%;position:relative;background-color:#000;overflow:hidden;aspect-ratio:3 / 4;width:auto;max-height:653px;max-width:653px}.beauty-benefits-carousel__image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .6s ease-in-out;pointer-events:none}.beauty-benefits-carousel__image-wrapper.is-active{opacity:1;z-index:1;pointer-events:auto}.beauty-benefits-carousel__image{width:100%;height:100%;object-fit:contain;display:block}.beauty-benefits-carousel__benefits-section{flex:0 0 50%;display:flex;flex-direction:column;justify-content:center;padding:0 80px 60px}.beauty-benefits-carousel__subtitle{font-family:PFGrandGothikExtended,sans-serif;font-size:16px;line-height:28px;font-weight:400;letter-spacing:.25px;margin:0 0 32px;color:#333}.beauty-benefits-carousel__benefits-list{display:flex;flex-direction:column;gap:24px}.beauty-benefits-carousel__benefit-item{position:relative;cursor:pointer;transition:all .3s ease}.beauty-benefits-carousel__benefit-title{font-family:PFGrandGothikExtended,sans-serif;font-size:48px;line-height:28px;font-weight:400;color:#999;margin:0;transition:color .3s ease;letter-spacing:-.5px}.beauty-benefits-carousel__benefit-item.is-active .beauty-benefits-carousel__benefit-title{color:#000!important}.beauty-benefits-carousel__benefit-description{font-family:Acumin Variable Concept,sans-serif;font-size:16px;line-height:22.4px;color:#000;margin:0;max-height:0;overflow:hidden;opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1),margin-top .4s cubic-bezier(.4,0,.2,1)}.beauty-benefits-carousel__benefit-item.is-active .beauty-benefits-carousel__benefit-description{max-height:200px;opacity:1;margin-top:4px}.beauty-benefits-carousel__progress-bar{width:100%;height:3px;background-color:#e0d5c7;border-radius:2px;overflow:hidden;margin-top:8px;opacity:0;transition:opacity .3s ease}.beauty-benefits-carousel__benefit-item.is-active .beauty-benefits-carousel__progress-bar{opacity:1}.beauty-benefits-carousel__progress-fill{height:100%;background-color:#ae9773;width:0%;transition:none}@media(max-width:990px){.beauty-benefits-carousel__benefits-section{padding:50px 60px}.beauty-benefits-carousel__benefit-title{font-size:24px}}@media(max-width:990px){.beauty-benefits-carousel{padding:0;height:auto;min-height:auto}.beauty-benefits-carousel__container{flex-direction:column;min-height:auto;height:auto}.beauty-benefits-carousel__image-section{flex:0 0 auto;width:100%;aspect-ratio:3 / 4;position:relative}.beauty-benefits-carousel__image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.beauty-benefits-carousel__benefits-section{flex:0 0 auto;width:100%;padding:40px 16px}.beauty-benefits-carousel__subtitle{margin-bottom:24px}.beauty-benefits-carousel__benefits-list{gap:20px}.beauty-benefits-carousel__benefit-title{font-size:28px;line-height:32px}.beauty-benefits-carousel__benefit-description{font-size:14px;line-height:20px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/beauty-benefits-carousel.css.map */