.beauty-results-comparison{position:relative;width:100%;background-color:#fafafa;overflow:hidden;height:100%;padding:0 32px}.beauty-results-comparison__container{display:flex;flex-direction:row;align-items:center;justify-content:center;max-width:100%;margin:0;height:100%}.beauty-results-comparison__image-section{flex:0 0 50%;position:relative;overflow:hidden;aspect-ratio:3 / 4;width:auto;display:flex;flex-direction:column;max-height:653px;max-width:653px}.beauty-results-comparison__image-wrapper{position:relative;width:100%;height:100%;overflow:hidden;border-radius:0;cursor:pointer;-webkit-user-select:none;user-select:none}.beauty-results-comparison__image{position:absolute;top:0;left:0;width:100%;height:100%}.beauty-results-comparison__image img{width:100%;height:100%;object-fit:cover;display:block}.beauty-results-comparison__image--before{z-index:1}.beauty-results-comparison__image--after{z-index:1;clip-path:inset(0 0 0 50%)}.beauty-results-comparison__slider{position:absolute;top:0;left:50%;width:4px;height:100%;z-index:1;transform:translate(-50%)}.beauty-results-comparison__slider-line{position:absolute;top:0;left:50%;width:4px;height:100%;background-color:#fff6;transform:translate(-50%)}.beauty-results-comparison__slider-button{position:absolute;bottom:2px;left:50%;width:66.7px;height:40px;background-color:#ffffffd4;transform:translate(-50%);cursor:grab;display:flex;align-items:center;justify-content:center;gap:2px;box-shadow:0 2px 8px #0003;transition:transform .2s ease;z-index:4}.beauty-results-comparison__slider-button:hover{transform:translate(-50%) scale(1.1)}.beauty-results-comparison__slider-button:active{cursor:grabbing;transform:translate(-50%) scale(1.05)}.beauty-results-comparison__slider-button svg{width:16px;height:16px;color:#000}.beauty-results-comparison__benefits-section{flex:0 0 50%;display:flex;flex-direction:column;justify-content:center;padding:60px 80px}.beauty-results-comparison__subtitle-wrapper{width:100%;padding:0 0 12px}.beauty-results-comparison__subtitle{font-family:PFGrandGothikExtended,sans-serif;font-size:14px;line-height:16.8px;font-weight:500;letter-spacing:1.5px;margin:0;color:#000}.beauty-results-comparison__benefits-list{display:flex;flex-direction:column;gap:24px;list-style:none;padding:0;margin:0}.beauty-results-comparison__benefit-item{position:relative;cursor:pointer;transition:all .3s ease}.beauty-results-comparison__benefit-title{font-family:PFGrandGothikExtended,sans-serif;font-size:48px;line-height:38px;font-weight:400;color:#999;margin:0;transition:color .3s ease;letter-spacing:-.5px}.beauty-results-comparison__benefit-item.is-active .beauty-results-comparison__benefit-title{color:#000!important}.beauty-results-comparison__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-results-comparison__benefit-item.is-active .beauty-results-comparison__benefit-description{max-height:200px;opacity:1;margin-top:12px}.beauty-results-comparison__progress-bar{width:100%;height:3px;background-color:#e0d5c7;border-radius:2px;overflow:hidden;margin-top:16px;opacity:0;transition:opacity .3s ease}.beauty-results-comparison__benefit-item.is-active .beauty-results-comparison__progress-bar{opacity:1}.beauty-results-comparison__progress-fill{height:100%;background-color:#ae9773;width:0%;transition:width .1s linear}.beauty-results-comparison__benefit-item:hover .beauty-results-comparison__benefit-title{color:#000}@media(max-width:990px){.beauty-results-comparison__benefits-section{padding:50px 60px}.beauty-results-comparison__benefit-title{font-size:24px}}@media(max-width:990px){.beauty-results-comparison{padding:0;height:auto;min-height:auto;margin-top:93px}.beauty-results-comparison__container{flex-direction:column;min-height:auto;height:auto}.beauty-results-comparison__image-section{flex:0 0 auto;width:100%;aspect-ratio:3 / 4;position:relative}.beauty-results-comparison__image-wrapper{position:relative;width:100%;height:100%}.beauty-results-comparison__benefits-section{flex:0 0 auto;width:100%;padding:40px 16px}.beauty-results-comparison__subtitle{padding-left:12px}.beauty-results-comparison__benefits-list{gap:20px}.beauty-results-comparison__benefit-title{font-size:28px;line-height:32px}.beauty-results-comparison__benefit-description{font-size:14px;line-height:20px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/beauty-results-comparison.css.map */