.timeline__blocks{display:flex;flex-direction:column;align-items:center;max-width:37.5rem;margin-left:auto;margin-right:auto}.timeline-block{display:flex;width:100%;justify-content:center}.timeline-block__indicator{width:3.5rem;position:relative;flex-shrink:0}.timeline-block__indicator__line{position:absolute;top:0;bottom:0;left:0;width:1.2rem;border-right:1px solid rgba(var(--color-foreground),.1)}.timeline-block--first .timeline-block__indicator__line{top:2.5rem}.timeline-block--last .timeline-block__indicator__line{bottom:calc(100% - 2.5rem)}.timeline-block__indicator__dot{position:absolute;width:1.7rem;height:1.7rem;background-color:#fff;border:1px solid rgba(var(--color-foreground),.1);border-radius:50%;top:1.6rem;left:calc(1.2rem - 1.7rem / 2 - .1rem);transition:all var(--duration-default) ease}.timeline-block[data-active=true] .timeline-block__indicator__dot{background-color:rgb(var(--color-button));border-color:rgb(var(--color-button));transform:scale(1.5)}.timeline-block__indicator__crossline{position:absolute;top:2.45rem;bottom:0;right:0;left:1.2rem;border-top:1px solid rgba(var(--color-foreground),.1)}.timeline-block__media{height:15rem;margin-bottom:1.6rem;border-radius:.5rem;overflow:hidden}.timeline-block__media .placeholder-svg,.timeline-block__img{width:100%;height:100%;display:block;object-fit:cover}.timeline-block__content{height:auto;padding:2rem;background-color:#fff;border-radius:2.5rem;width:calc(100% - 3.5rem);margin-bottom:5.4rem;transition:all var(--duration-default) ease;cursor:pointer;border:1px solid rgba(var(--color-foreground),.1)}.timeline-block__date-row{margin-bottom:1.6rem}.timeline-block__date{font-size:1.4rem;font-weight:700;color:rgb(var(--color-foreground));padding:.8rem 1.2rem;border:1px solid rgba(var(--color-foreground),.1);border-radius:1rem;display:inline-block;transition:all var(--duration-default) ease}.timeline-block[data-active=true] .timeline-block__date{color:#fff;background-color:rgb(var(--color-button));border-color:rgb(var(--color-button))}.timeline-block__title{font-size:1.6rem;font-weight:700;line-height:1.5;margin:0 0 1.6rem}.timeline-block__body{font-size:1.4rem;font-weight:500;color:rgba(var(--color-foreground),.6);margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.timeline-block[data-active=true] .timeline-block__body{white-space:normal}@media only screen and (min-width: 990px){.timeline__blocks{flex-direction:row;align-items:flex-start;justify-content:center;max-width:initial}.timeline-block{width:20%;flex-direction:column;flex-shrink:1;min-width:0;position:relative;padding-top:14rem}.timeline-block__indicator{width:initial;height:6.4rem}.timeline-block__indicator__line{border-right:none;border-top:1px solid rgba(var(--color-foreground),.1);top:initial;bottom:0;left:0;right:0;width:auto;height:4rem}.timeline-block--first .timeline-block__indicator__line{top:initial;left:2.5rem}.timeline-block--last .timeline-block__indicator__line{bottom:0;right:2.5rem}.timeline-block__indicator__dot{bottom:3.15rem;left:calc(50% - .85rem);top:initial}.timeline-block--first .timeline-block__indicator__dot{left:2.5rem}.timeline-block--last .timeline-block__indicator__dot{left:calc(100% - 4.2rem)}.timeline-block__indicator__crossline{bottom:0;top:initial;height:4rem;left:0;width:50%;border-top:none;border-right:1px solid rgba(var(--color-foreground),.1)}.timeline-block--first .timeline-block__indicator__crossline{width:3.45rem}.timeline-block--last .timeline-block__indicator__crossline{width:calc(100% - 3.35rem)}.timeline-block__content{width:auto;margin-bottom:0;margin-right:1rem;margin-left:1rem;text-align:center}.timeline-block--first .timeline-block__content{margin-left:0;text-align:left}.timeline-block--last .timeline-block__content{text-align:right;margin-right:0}.timeline-block__media{position:absolute;top:0;height:12rem;left:1rem;right:1rem;margin:0}.timeline-block--first .timeline-block__media{left:0}.timeline-block--last .timeline-block__media{right:0}}@media only screen and (min-width: 1200px){.timeline-block__content{margin-right:2.2rem;margin-left:2.2rem}.timeline-block__media{left:2.2rem;right:2.2rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/timeline.css.map */