.timeline-ba-section{padding:60px 0;background-color:var(--tba-bg-color, #fef2dd)}.timeline-ba__container{max-width:1400px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr;gap:40px;align-items:center}.timeline-ba__content{padding:20px 0}.timeline-ba__title{font-size:2.4rem;font-weight:700;color:var(--tba-text-color, #1e3a5f);margin:0 0 16px;line-height:1.2}.timeline-ba__subtitle{font-size:1.5rem;color:var(--tba-text-color, #1e3a5f);margin:0 0 30px;line-height:1.5;opacity:.8}.timeline-ba__slider-mobile{display:block;margin-bottom:40px}.timeline-ba__slider-desktop{display:none}.timeline-ba__items{position:relative;padding-left:50px}.timeline-ba__items:before{content:"";position:absolute;left:15px;top:20px;bottom:20px;width:3px;background-color:var(--tba-dot-color, #1e3a5f)}.timeline-ba__item{position:relative;margin-bottom:36px}.timeline-ba__item:last-child{margin-bottom:0}.timeline-ba__dot{position:absolute;left:-50px;top:2px;width:32px;height:32px;border-radius:50%;background-color:#1e3a5f26;display:flex;align-items:center;justify-content:center;z-index:1}.timeline-ba__dot-inner{width:16px;height:16px;border-radius:50%;background-color:var(--tba-dot-color, #1e3a5f)}.timeline-ba__item-title{font-size:1.5rem;font-weight:600;color:var(--tba-text-color, #1e3a5f);margin:0 0 6px}.timeline-ba__item-text{font-size:1.4rem;color:var(--tba-text-color, #1e3a5f);margin:0;opacity:.7;line-height:1.5}.timeline-ba__image-wrapper{position:relative;width:100%;border-radius:16px;overflow:hidden;aspect-ratio:4 / 3;background-color:#e0e0e0}.timeline-ba__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.timeline-ba__image--before{z-index:1}.timeline-ba__image--after{z-index:2;clip-path:inset(0 0 0 50%)}.timeline-ba__slider-handle{position:absolute;top:0;bottom:0;left:50%;width:4px;background-color:#fff;z-index:10;cursor:ew-resize;transform:translate(-50%)}.timeline-ba__slider-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background-color:var(--tba-dot-color, #1e3a5f);border:4px solid #fff;display:flex;align-items:center;justify-content:center;cursor:ew-resize;box-shadow:0 4px 16px #00000040}.timeline-ba__slider-btn svg{width:28px;height:28px;color:#fff}.timeline-ba__label{position:absolute;top:50%;transform:translateY(-50%);padding:10px 20px;border-radius:24px;font-size:1.4rem;font-weight:500;z-index:5;pointer-events:none}.timeline-ba__label--before{left:16px;background-color:#fff;color:var(--tba-text-color, #1e3a5f);box-shadow:0 2px 8px #0000001a}.timeline-ba__label--after{right:16px;background-color:var(--tba-accent-color, #feab55);color:#fff;box-shadow:0 2px 8px #0000001a}@media screen and (min-width: 990px){.timeline-ba-section{padding:80px 0}.timeline-ba__container{grid-template-columns:1fr 1fr;gap:60px;padding:0 40px}.timeline-ba__title{font-size:3.2rem}.timeline-ba__subtitle{font-size:1.7rem;margin-bottom:40px}.timeline-ba__slider-mobile{display:none}.timeline-ba__slider-desktop{display:block}.timeline-ba__image-wrapper{aspect-ratio:1 / 1}.timeline-ba__item{margin-bottom:40px}.timeline-ba__item-title{font-size:1.6rem}}@media (hover: none){.timeline-ba__slider-btn{width:60px;height:60px}.timeline-ba__slider-btn svg{width:32px;height:32px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/timeline-before-after.css.map */