.dynamic-timeline{max-width:1280px;margin:var(--mobile-padding-top, 60px) auto var(--mobile-padding-bottom, 60px) auto;background-color:#000}.dynamic-timeline .hidden{display:none}.dynamic-timeline .dynamic-timeline-embla{position:relative;text-align:center;color:#fff}.dynamic-timeline .dynamic-timeline-background{position:relative;width:100%;height:auto}.dynamic-timeline .dynamic-timeline-background:after{content:"";position:absolute;bottom:0;left:0;right:0;height:var(--mobile-gradient-height, 30%);background:linear-gradient(to bottom,#0000,#000);pointer-events:none}.dynamic-timeline .dynamic-timeline-background-image{width:100%;height:auto;display:block;object-fit:cover}.dynamic-timeline .dynamic-timeline-background-image-desktop{display:none}.dynamic-timeline .dynamic-timeline-background-image-mobile{display:block}.dynamic-timeline .dynamic-timeline-embla-viewport{width:100%;overflow:hidden;cursor:grab;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.dynamic-timeline .dynamic-timeline-embla-viewport:active,.dynamic-timeline .dynamic-timeline-embla-viewport.is-grabbing{cursor:grabbing}.dynamic-timeline .dynamic-timeline-embla-container{display:flex;align-items:stretch;margin-left:0;touch-action:pan-y;backface-visibility:hidden}.dynamic-timeline .dynamic-timeline-embla-slide{position:relative;display:flex;flex-direction:column;flex:0 0 100%;min-width:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.dynamic-timeline .dynamic-timeline-item{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;width:100%;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.dynamic-timeline .dynamic-timeline-title{position:relative;padding:0 20px;font-size:40px;font-family:DatingHistoria,sans-serif;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.dynamic-timeline .dynamic-timeline-description{padding:60px 18px 20px;font-size:16px;font-family:FuturaLT,sans-serif;line-height:28px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.dynamic-timeline .dynamic-timeline-read-more-content{font-size:16px;font-family:FuturaLT,sans-serif;line-height:28px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.dynamic-timeline .dynamic-timeline-read-more-content.hidden{display:none}.dynamic-timeline .dynamic-timeline-read-more-btn{background:transparent;border:none;color:#fff;padding:0;font-size:16px;font-family:FuturaLT,sans-serif;font-weight:700;cursor:pointer}.dynamic-timeline .dynamic-timeline-read-more-btn:hover{opacity:.7}.dynamic-timeline .dynamic-timeline-read-more-btn.is-expanded{display:none}.dynamic-timeline .dynamic-timeline-controls{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.dynamic-timeline .dynamic-timeline-prev,.dynamic-timeline .dynamic-timeline-next{display:flex;align-items:center;justify-content:center;width:48px;height:48px;color:#fff;font-size:24px;background:transparent;border:2px solid #fff;border-radius:50%;cursor:pointer;transition:all .3s ease}.dynamic-timeline .dynamic-timeline-prev:hover,.dynamic-timeline .dynamic-timeline-next:hover{background:#fff;color:#000}.dynamic-timeline .dynamic-timeline-dots{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-top:1.5rem}.dynamic-timeline .dynamic-timeline-dot{width:12px;height:12px;padding:0;background:#ffffff80;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease}.dynamic-timeline .dynamic-timeline-dot:hover{background:#fffc}.dynamic-timeline .dynamic-timeline-dot-active{background:#fff;transform:scale(1.2)}.dynamic-timeline .dynamic-timeline-years-wrapper{position:relative;width:100%;padding:40px 0}.dynamic-timeline .dynamic-timeline-years-viewport{width:100%;overflow:hidden}.dynamic-timeline .dynamic-timeline-years{position:relative;display:flex;align-items:center;padding-left:20px;padding-right:20px;color:#fff;font-size:22px;font-family:DatingHistoria,sans-serif;backface-visibility:hidden;touch-action:pan-y}.dynamic-timeline .dynamic-timeline-year{position:relative;display:flex;flex-direction:column;gap:19px;flex:0 0 30%;min-width:0;cursor:pointer;transition:all .3s ease}.dynamic-timeline .dynamic-timeline-year:first-child{margin-left:0}.dynamic-timeline .dynamic-timeline-year:last-child{margin-right:0}.dynamic-timeline .dynamic-timeline-year:hover .dynamic-timeline-year-text{opacity:1}.dynamic-timeline .dynamic-timeline-year-connector{position:absolute;top:10px;left:11%;right:-10%;height:2px;background-color:#666;z-index:1}.dynamic-timeline .dynamic-timeline-year:last-child .dynamic-timeline-year-connector{display:none}.dynamic-timeline .dynamic-timeline-year-progress{position:absolute;top:0;left:0;width:0;height:100%;background-color:#fff}.dynamic-timeline .dynamic-timeline-year-box{position:relative;width:20px;height:20px;background-color:#666;transition:all .3s ease;z-index:2}.dynamic-timeline .dynamic-timeline-year.active .dynamic-timeline-year-box{background-color:#fff;transform:scale(1.2)}.dynamic-timeline .dynamic-timeline-year-text{opacity:.6;transition:opacity .3s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.dynamic-timeline .dynamic-timeline-year.active .dynamic-timeline-year-text{opacity:1}.dynamic-timeline .dynamic-timeline-year-content{display:flex;flex-direction:column;align-items:center;gap:19px;width:fit-content}@media (min-width: 768px){.dynamic-timeline{margin-top:var(--desktop-padding-top, 80px);margin-bottom:var(--desktop-padding-bottom, 80px)}.dynamic-timeline .dynamic-timeline-embla{text-align:start}.dynamic-timeline .dynamic-timeline-background:after{height:var(--desktop-gradient-height, 40%)}.dynamic-timeline .dynamic-timeline-background-image-desktop{display:block}.dynamic-timeline .dynamic-timeline-background-image-mobile{display:none}.dynamic-timeline .dynamic-timeline-title{padding:0 30px;font-size:52px}.dynamic-timeline .dynamic-timeline-description{padding:20px 30px 0}.dynamic-timeline .dynamic-timeline-year-connector{left:10%;right:-5%}.dynamic-timeline .dynamic-timeline-years-wrapper{padding:54px 0 20px}.dynamic-timeline .dynamic-timeline-years{padding-left:48px;padding-right:48px}.dynamic-timeline .dynamic-timeline-year:first-child{margin-left:0}.dynamic-timeline .dynamic-timeline-year-text{font-size:26px}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/dynamic-timeline-stylesheet.css.map */