.beauty-timeline{position:relative;width:100%;overflow:hidden}.beauty-timeline__inner{max-width:1200px;margin:0 auto;padding:0 40px}.beauty-timeline__header{text-align:center;margin-bottom:80px}.beauty-timeline__title{font-family:PFGrandGothikExtended,sans-serif;margin:0 0 16px;letter-spacing:-.5px}.beauty-timeline__subtitle{font-family:Acumin Variable Concept,sans-serif;margin:0;line-height:1.6}.beauty-timeline__container{position:relative}.beauty-timeline__line{position:absolute;left:50%;top:0;bottom:0;width:2px;background-color:#e0e0e0;transform:translate(-50%)}.beauty-timeline__items{position:relative;padding:20px 0}.beauty-timeline__item{position:relative;margin-bottom:80px;display:flex;align-items:flex-start;opacity:0;transform:translateY(40px);transition:all .6s cubic-bezier(.4,0,.2,1)}.beauty-timeline__item.is-visible{opacity:1;transform:translateY(0)}.beauty-timeline__item:last-child{margin-bottom:0}.beauty-timeline__item:nth-child(odd){flex-direction:row-reverse;text-align:right}.beauty-timeline__item:nth-child(odd) .beauty-timeline__content{padding-right:60px;padding-left:0}.beauty-timeline__item:nth-child(odd) .beauty-timeline__image{margin-left:60px;margin-right:0}.beauty-timeline__item:nth-child(2n){flex-direction:row;text-align:left}.beauty-timeline__item:nth-child(2n) .beauty-timeline__content{padding-left:60px;padding-right:0}.beauty-timeline__item:nth-child(2n) .beauty-timeline__image{margin-right:60px;margin-left:0}.beauty-timeline__dot{position:absolute;left:50%;top:20px;width:20px;height:20px;background-color:#000;border:4px solid #ffffff;border-radius:50%;transform:translate(-50%);z-index:2;box-shadow:0 0 0 4px #e0e0e0;transition:all .3s ease}.beauty-timeline__item.is-visible .beauty-timeline__dot{box-shadow:0 0 0 8px #0000001a}.beauty-timeline__content{flex:1;max-width:50%}.beauty-timeline__date{font-family:PFGrandGothikExtended,sans-serif;font-size:14px;letter-spacing:2px;text-transform:uppercase;color:#999;margin:0 0 12px}.beauty-timeline__item-title{font-family:PFGrandGothikExtended,sans-serif;font-size:28px;line-height:1.3;font-weight:400;color:#000;margin:0 0 16px;letter-spacing:-.5px}.beauty-timeline__description{font-family:Acumin Variable Concept,sans-serif;font-size:16px;line-height:1.7;color:#333;margin:0}.beauty-timeline__image{flex:0 0 auto;max-width:50%;width:280px;aspect-ratio:1 / 1;overflow:hidden;border-radius:4px;box-shadow:0 8px 24px #0000001f;transition:transform .4s cubic-bezier(.4,0,.2,1)}.beauty-timeline__item:hover .beauty-timeline__image{transform:scale(1.05)}.beauty-timeline__image img{width:100%;height:100%;object-fit:cover}.beauty-timeline__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0}.beauty-timeline__image-placeholder svg{width:60px;height:60px;opacity:.3}@media screen and (max-width:990px){.beauty-timeline__inner{padding:0 24px}.beauty-timeline__header{margin-bottom:60px}.beauty-timeline__line,.beauty-timeline__dot{left:30px}.beauty-timeline__item,.beauty-timeline__item:nth-child(odd),.beauty-timeline__item:nth-child(2n){flex-direction:column;text-align:left;padding-left:70px}.beauty-timeline__content,.beauty-timeline__item:nth-child(odd) .beauty-timeline__content,.beauty-timeline__item:nth-child(2n) .beauty-timeline__content{max-width:100%;padding-left:0;padding-right:0;margin-bottom:20px}.beauty-timeline__image,.beauty-timeline__item:nth-child(odd) .beauty-timeline__image,.beauty-timeline__item:nth-child(2n) .beauty-timeline__image{max-width:100%;width:100%;margin:0}.beauty-timeline__item-title{font-size:24px}.beauty-timeline__description{font-size:15px}}@media screen and (max-width:749px){.beauty-timeline__inner{padding:0 16px}.beauty-timeline__header{margin-bottom:48px}.beauty-timeline__line{left:20px}.beauty-timeline__dot{left:20px;width:16px;height:16px}.beauty-timeline__item,.beauty-timeline__item:nth-child(odd),.beauty-timeline__item:nth-child(2n){padding-left:50px;margin-bottom:60px}.beauty-timeline__item-title{font-size:20px}.beauty-timeline__description{font-size:14px}.beauty-timeline__date{font-size:12px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.beauty-timeline__item:focus{outline:2px solid #000000;outline-offset:4px}.beauty-timeline__item:focus:not(:focus-visible){outline:none}
/*# sourceMappingURL=/cdn/shop/t/3/assets/beauty-timeline.css.map */