.timeline{background-color:var(--color-background-light)}.timeline__head{text-align:center}.timeline__title{margin:0}.timeline__body{padding:4.3rem 0 17rem;position:relative;overflow:hidden}@media screen and (max-width: 749px){.timeline__body{padding:4rem 0}}.periods{position:relative}.period{padding-top:20rem;position:relative;display:block}.period__image:before,.period:before{content:"";width:1.7rem;height:1.7rem;border-radius:50%;background-color:#000;position:absolute;top:calc(50% + 10rem);left:calc(50% - 8px);transform:scale(0)}.period__image:before{opacity:0}.period.animated .period__image:before,.period.animated:before{animation:scale .3s;animation-delay:.5s;animation-fill-mode:forwards}.period.animated .period__body:before{animation:animate-height .3s;animation-delay:.3s;animation-fill-mode:forwards}.period.animated-out .period__body:after{animation:animate-height .3s;animation-fill-mode:forwards}.period.animated .period__head{animation:scale .3s;animation-delay:.1s;animation-fill-mode:forwards}.period.animated:nth-child(2n) .period__image{animation:moveLeftScale .5s;animation-delay:.5s;animation-fill-mode:forwards}.period.animated:nth-child(odd) .period__image{animation:moveRightScale .5s;animation-delay:.5s;animation-fill-mode:forwards}.period.animated:nth-child(2n) .period__content{animation:moveRightScale .5s;animation-delay:.5s;animation-fill-mode:forwards}.period.animated:nth-child(odd) .period__content{animation:moveLeftScale .5s;animation-delay:.5s;animation-fill-mode:forwards}.period__body:before{content:"";width:3px;background-color:#000;position:absolute;top:-3.5rem;left:calc(50% - 1px)}.period__body:after{content:"";width:3px;background-color:#000;position:absolute;top:50%;left:calc(50% - 1px)}.period__head{position:absolute;top:3.5rem;left:50%;transform:scale(0);width:13rem;height:13rem;margin-left:-6.5rem;border-radius:50%;border:4px solid currentColor;color:#000;display:flex;flex-flow:row wrap;align-items:center;justify-content:center;background-color:var(--color-background-light);z-index:1}.period__title{font-family:var(--font-heading-family);font-size:3.6rem;margin:0;text-align:center;line-height:1;margin-top:-1rem}.period__body{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;gap:0 20rem;position:relative}.period.period--odd .period__image{order:2}.period.period--odd .period__content{order:1}.period__image,.period__content{flex:0 0 calc(50% - 10rem);transition:all .5s;opacity:0}.period__image img{height:auto;width:100%}.period:nth-child(2n) .period__image{transform:translate(50%)}.period:nth-child(odd) .period__image{transform:translate(-50%)}.period:nth-child(2n) .period__content{transform:translate(-50%)}.period:nth-child(odd) .period__content{transform:translate(50%)}.period__text{max-width:50rem}.period:nth-child(2n) .period__text{margin-left:auto}@keyframes scale{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes moveLeftScale{0%{transform:translate(50%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes moveRightScale{0%{transform:translate(-50%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes animate-height{0%{min-height:0}to{min-height:calc(50% + 3.5rem)}}@media screen and (max-width: 749px){.period__body{display:flex;flex-flow:column wrap;gap:5rem 0}.period__image{transform:none!important;position:relative;width:100%}.period__image,.period__content{flex:auto}.period__content{padding:3.5rem 0;background-color:var(--color-background-light);z-index:2}.period.period--odd .period__image{order:initial}.period__image:before{opacity:1;top:100%}.period:before{display:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/section-timeline.css.map */